Image 使用图像切换嵌入式youtube视频播放

我希望有一个嵌入式youtube视频与下面的几个图像，对应于不同的youtube视频。我想将其设置为，当单击图像时，上面的视频将更改为与单击的图像对应的任何视频。可以在此处看到这一点的实现：

---

我正试图在wordpress网站上实现这一点，我真的只有HTML和CSS方面的技能。如果有人能帮我编写代码，我将不胜感激

只要看看源代码。它只是html。他将youtube视频放在一个iframe中，在缩略图周围有一个

标记，带有target=属性，使得链接改变了iframe

或者，您可以在页面上嵌入视频，并在单击缩略图时使用javascript（如果您希望更简单，还可以使用jquery）修改嵌入代码。这种方法可能会更好、更容易

转到每个视频的youtube页面，单击“共享”，然后单击“嵌入”并复制html

当你在那里的时候，拍一张截图。裁剪/调整大小以生成视频缩略图

对于默认视频（单击缩略图之前播放/显示的视频），请将完整嵌入代码（从步骤1）粘贴到页面中。将其添加到标签中：

id=“video\u player”

对于其他视频，将您的缩略图图像正常地放在页面上，然后在图像周围添加一个

标记，如下所示：

（当然，您需要修复url除外，该url位于该视频的嵌入代码中

如果您还没有jquery，请将其源代码添加到您的页面中。这意味着在

标记中添加类似以下内容：

---

嘿，我在这里试过了，但它只是跳到页面顶部，并在顶部的url末尾附加#，而不是切换视频？哎呀，看起来我把onclick处理程序中的引号搞砸了。你可能需要了解这里发生了什么，才能使它起作用。我只是输入了我的想法，没有测试它。