在页面编辑器中,我粘贴了一个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
最合适的回答,由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)
});
});
就这样!现在一切正常:-)
谢谢,乔希