Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/20.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用JS/Regex将Vimeo URL与播放器包装在一起_Javascript_Regex_Wordpress_Plugins_Vimeo - Fatal编程技术网

Javascript 使用JS/Regex将Vimeo URL与播放器包装在一起

Javascript 使用JS/Regex将Vimeo URL与播放器包装在一起,javascript,regex,wordpress,plugins,vimeo,Javascript,Regex,Wordpress,Plugins,Vimeo,我已开始在以下位置开发网站: 我有一个WordPress插件,可以生成一个定价表。我喜欢插件的工作方式和用户的功能,但需要调整一件事 这个插件有一个地方可以描述,我没有,但是我想添加一个视频 我知道这是一个WordPress网站,但我遇到的问题是我的脚本 我要做的是找到Vimeo URL并将其传递给播放器 我找到了一段代码,对它做了一些调整,但它不太管用 我使用的JS看起来像: <script type="text/javascript"> $(document).ready

我已开始在以下位置开发网站:

我有一个WordPress插件,可以生成一个定价表。我喜欢插件的工作方式和用户的功能,但需要调整一件事

这个插件有一个地方可以描述,我没有,但是我想添加一个视频

我知道这是一个WordPress网站,但我遇到的问题是我的脚本

我要做的是找到Vimeo URL并将其传递给播放器

我找到了一段代码,对它做了一些调整,但它不太管用

我使用的JS看起来像:

<script type="text/javascript">
    $(document).ready(function() {
        var classSelector = document.querySelectorAll('.rpt_description');
        var vimeoRegEx = /(?:http?s?:\/\/)?(?:www\.)?(?:vimeo\.com)\/?(.+)/g;
        var vimeoEmbed = '<div class="embed-container"><iframe src="https://player.vimeo.com/video/$1" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe></div>';

        array.prototype.forEach.call(classSelector, function(el) {
            if (vimeoRegEx.test(el.innerHTML)) {
                el.innerHTML = el.innerHTML.replace(vimeoRegEx, vimeoEmbed);
            }
        });
    });
</script>

$(文档).ready(函数(){
var classSelector=document.querySelectorAll('.rpt_description');
var vimeoRegEx=/(?:http?s?:\/\/)(?:www\)(?:vimeo\.com)\/(.+)/g;
var vimeoEmbed=“”;
array.prototype.forEach.call(类选择器,函数(el){
if(vimeoRegEx.test(el.innerHTML)){
el.innerHTML=el.innerHTML.replace(vimeoRegEx,vimeoEmbed);
}
});
});
插件与Vimeo URL一起输出的代码:

<div class="rpt_plan rpt_plan_ori rpt_plan_0  ">
    <div style="text-align: center; height: 15px;" class="rpt_title rpt_title_0">The Family Yearbook Film</div>
    <div class="rpt_head rpt_head_0" style="height: 250px;">
        <div class="rpt_recurrence rpt_recurrence_0">(Yearly)</div>
        <div class="rpt_price rpt_price_0"><span class="rpt_currency"></span>$350</div>
        <div style="color:#3ac893;" class="rpt_subtitle rpt_subtitle_0">Stay up to date with your changing family for an entire year.</div>
        <div class="rpt_description rpt_description_0">https://www.vimeo.com/320417542</div>
        <div style="clear:both;"></div>
    </div>
    <div class="rpt_features rpt_features_0" style="height: 183px;">
        <div style="color:black;" class="rpt_feature rpt_feature_0-0">A 3-5 min film every 3 months (4 total films)</div>
        <div style="color:black;" class="rpt_feature rpt_feature_0-1">Plus one Keepsake film</div>
        <div style="color:black;" class="rpt_feature rpt_feature_0-2">30% off discount on any additional films you purchase that year.</div>
        <div style="color:black;" class="rpt_feature rpt_feature_0-3">Upload 30-450 clips</div>
    </div>
    <div style="clear:both;"></div>
    <a target="_self" href="https://isbellfamilyfilms.com/#order-form" style="background:#3ac893" class="rpt_foot rpt_foot_0">Add to Cart</a>
</div>

家庭年鉴电影
(每年)
$350
一整年都要和你不断变化的家庭保持联系。
https://www.vimeo.com/320417542
每3个月拍摄一次3-5分钟的电影(共4部)
加上一部纪念电影
您当年购买的任何其他电影均可享受30%的折扣。
上传30-450个剪辑
正则表达式找到URL,JS获取URL并将其传递给播放器,但有些地方不太正确。我确保这个JS在插件之前执行,但我已经尝试了两种方法

我肯定我错过了一些简单的东西,任何帮助都是感激的

谢谢,

Josh完全忘记了jQuery引用,太尴尬了!只需在我的JS代码之前添加这一行:

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

我还必须大写
Array

希望这对别人有帮助
乔希