覆盖youtube嵌入静止图像,以及在WordPress中嵌入插件

时间:2015-06-01 12:43:01

标签: javascript jquery html iframe youtube

我目前正在WordPress中开发网站和自定义主题。在某些页面上,YouTube视频将嵌入页面中。为了便于更新,我使用了一个插件来嵌入YouTube视频,因此当用户粘贴视频网址时,它会自动嵌入。

嵌入会产生以下HTML代码:

<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">
<iframe id="_ytid_72976" class="__youtube_prefs__" frameborder="0" mozallowfullscreen="" webkitallowfullscreen="" allowfullscreen="" type="text/html" src="//www.youtube.com/embed/fNKwb6dvNTE?enablejsapi=1&autoplay=0&cc_load_policy=0&iv_load_policy=3&loop=0&modestbranding=1&rel=0&showinfo=0&playsinline=0&autohide=1&theme=dark&color=red&wmode=opaque&vq=&controls=2&">
</div>

现在,我想将其与自定义缩略图相结合。所以基本上添加一个图像,当点击图像时,它将被嵌入jQuery替换,视频将在被替换后自动播放。最好将图像添加到div或其他内容中,因为我不希望用户每次添加新页面时都必须更改CSS或脚本。

我已经看过几个类似的问题,但我无法弄清楚如何使用这个插件。

提前致谢!

0 个答案:

没有答案