我希望有一个嵌入式YouTube视频，其下方有几个与不同YouTube视频相对应的图片。我想对其进行设置，以便在单击图像时，上面的视频会更改为与所单击图像对应的视频。可以在此处看到此实现：http://www.seanhayesmusic.com/2012/media/
我正在尝试将其实现到wordpress网站，我真的只具备HTML和CSS技能。如果有人能帮我解决这个问题，我将非常感激！
答案 0 :(得分：0)
看看来源。它只是html。他在iframe中获得了youtube视频，缩略图周围有<a>标记，其中target = attribute使链接更改为iframe。
或者，您实际上可以在页面上嵌入视频，并在单击缩略图时使用javascript（以及jquery，如果您希望它更容易）来更改嵌入代码。这种方法可能会更好，更容易。
转到每个视频的YouTube页面，点击＆＃34;分享＆＃34;然后＆＃34;嵌入＆＃34;并复制html。
当你在那里时，请截取屏幕截图。裁剪/调整大小以制作视频缩略图。
对于默认视频（在单击缩略图之前播放/显示的视频），将完整的嵌入代码（从步骤1）粘贴到您的页面中。将其添加到<iframe>代码：id="video_player"
对于其他视频，请将您的缩略图图像正常放在页面上，然后在图片周围添加<a>标记，如下所示：<a href="#" onclick="$('#video_player').attr('src', 'http://www.youtube.com/embed/paPT5qxM9m0'); return false">（当然，您需要修复网址，该视频的嵌入代码中的网址
如果您还没有，请将jquery发送到您的页面。这意味着在<head>标记中添加以下内容：<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>