Vimeo视频播放按钮颜色功能

时间:2019-11-21 作者:Josh Rodgers

在页面编辑器中,我粘贴了一个Vimeo链接:https://vimeo.com/253989945

这将生成以下内容:

<iframe title="Breakaway Music video Shot on the Canon 7D" src="https://player.vimeo.com/video/10679287?dnt=1&app_id=122963" width="580" height="326" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="" data-origwidth="580" data-origheight="326" style="width: 580px; height: 326px;"></iframe>

我要做的是添加一个参数,如&;颜色=f1d925

看起来像:

<iframe title="Breakaway Music video Shot on the Canon 7D" src="https://player.vimeo.com/video/10679287?dnt=1&color=f1d925&app_id=122963" width="580" height="326" frameborder="0" allow="autoplay; fullscreen" allowfullscreen="" data-origwidth="580" data-origheight="326" style="width: 580px; height: 326px;"></iframe>
我可以复制和粘贴iframe代码,但用户只希望能够复制和粘贴url。

我找到了一些代码,允许我通过[embed][/embed] shortcode,但用户仍然无法使用此方法。

我在想我可以补充一些东西functions.php 这将一次处理所有这些链接,或者处理一些jQuery。

是否有人知道WP将此功能称为什么,或者知道某个功能或其他可能有帮助的功能?

谢谢Josh

1 个回复
最合适的回答,由SO网友:Josh Rodgers 整理而成

我做了几件事来解决这个问题。。。

我添加了一个函数,将类添加到我的Vimeo iFrame中:

https://wp-time.com/add-custom-class-to-wordpress-iframe-video/

function video_class($html) {
    if (preg_match(\'/(vimeo.com)/\', $html)) {
        return str_replace(\'<iframe\', \'<iframe class="video"\', $html);
    } else {
        return $html;
    }
}
add_filter(\'embed_oembed_html\', \'video_class\', 99, 4);
我实现了一些JS来更改嵌入的属性:

https://jsfiddle.net/tfj8pow9/

$(document).ready(function() {
    $(\'.video\').each(function(index) {
        var new_src = $(this).prop(\'src\') + \'&color=f1d925\';
        $(this).prop(\'src\', new_src)
    });
});
就这样!现在一切正常:-)

谢谢,乔希

相关推荐

links format change "on clic"

我的网站上有一个问题,我不知道它来自哪里。当我点击每个链接时,“更改”(更大和更改位置)。在菜单链接上,它们仍然是可裁剪的,但在页面中有链接时,它根本不起作用。示例:https://www.beprovence.fr/en/department/bouches-du-rhone-en 试着点击“普罗旺斯的aix”,看看会发生什么。提前感谢您的帮助