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

Question

这是我所拥有的屏幕截图

现在在Gigi和Bob下我有5首歌曲链接。 我想直接将这些链接到我页面中的vimeo播放器 例如，当用户点击＆＃34; Silence＆＃34; 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>

Answer 1

如果您只想播放视频，则可以使用嵌入式网址，然后将链接定位到iframe。您只需要在iframe上使用name属性，并在链接上使用target属性：

demo

<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>

如果您想要更复杂的内容，可以使用API​​将Vimeo播放器集成到您的网站中使用JavaScript：https://github.com/vimeo/player.js