Html 添加一个选项，通过我的页面上的链接更改嵌入式vimeo视频

这是我的截图

现在在Gigi和Bob下我有5个歌曲链接。 我想将这些直接链接到我页面中的vimeo播放器 例如，当用户点击Gigi下的“沉默”歌曲链接时，视频将转到这首歌曲

Gig下歌曲列表的当前html为

<ul>
    <li><a href="#">L'Amour</a></li>
    <li><a href="#">Bla Bla Bla</a></li>
    <li><a href="#">The Riddle</a></li>
    <li><a href="#">Another Way</a></li>
    <li><a href="#">Silence</a></li>
</ul>

对于vimeo视频，它是

<section id="player">
    <iframe src="https://player.vimeo.com/video/105778399" width="200" height="150" frameborder="1" webkitallowfullscreen mozallowfullscreen allowfullscreen>
    </iframe>
</section>

---

如果您只是想播放一段视频，您可以将嵌入url指向

iframe

。您只需在iframe上添加

name

属性，在链接上添加

target

属性即可：

---

如果您想要更复杂的东西，有一个API允许您使用JavaScript将Vimeo播放器集成到您的网站中：

如果您只想播放视频，您可以使用嵌入url，然后您可以将链接指向

iframe

。您只需在iframe上添加

name

属性，在链接上添加

target

属性即可：

---

如果您想要更复杂的东西，有一个API允许您使用JavaScript将Vimeo player集成到您的网站中：

非常好且清晰的解决方案，谢谢您！事实上，我现在不知道您可以通过纯HTML链接更改iframe源代码。用jQuery来解决这个问题。必须记住这一点。：）这是一个绝妙的答案，在“永远不会放弃你”的链接上效果很好。干杯和清晰的解决方案，谢谢你！事实上，我现在不知道您可以通过纯HTML链接更改iframe源代码。用jQuery来解决这个问题。必须记住这一点。：）这是一个绝妙的答案，在“永远不会放弃你”的链接上效果很好。干杯

<a href="https://player.vimeo.com/video/45196609?autoplay=1" target="VimeoPlayer">L'Amour</a>

<section id="player">
    <iframe src="https://player.vimeo.com/video/105778399" name="VimeoPlayer" width="200" height="150" frameborder="1" webkitallowfullscreen mozallowfullscreen allowfullscreen>
    </iframe>
</section>