我目前正在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或脚本。
我已经看过几个类似的问题,但我无法弄清楚如何使用这个插件。
提前致谢!