我希望有一个嵌入的 youtube 视频，它下面有几个对应于不同 youtube 视频的图像。我想设置它，以便在单击图像时，上面的视频会更改为与单击的图像相对应的视频。可以在这里看到一个实现：http://www.seanhayesmusic.com/2012/media/
我正在尝试将它实现到一个 wordpress 网站中，而我真的只有 HTML 和 CSS 方面的技能。如果有人可以帮助我编写代码，我将不胜感激！
【问题讨论】：
标签： image wordpress replace youtube
只看来源。它只是 html。他将 youtube 视频放在 iframe 中，缩略图周围有一个 <a> 标签，带有 target= 属性，使链接更改 iframe。
或者，您实际上可以在页面上嵌入视频，并在单击缩略图时使用 javascript（如果您希望它更简单，还可以使用 jquery）来更改嵌入代码。这种方法可能会更好，更容易。
转到每个视频的 youtube 页面，点击“分享”，然后点击“嵌入”并复制 html。
当你在那里时，截图。裁剪/调整大小以制作视频缩略图。
对于默认视频（在您单击缩略图之前播放/显示的视频），将完整的嵌入代码（来自第 1 步）粘贴到您的页面中。将此添加到<iframe> 标签：id="video_player"
如果您还没有它，请将 jquery 源代码到您的页面中。这意味着在您的 <head> 标签中添加如下内容：<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
【讨论】：