добавить возможность изменить встроенный Vimeo видео через ссылку на моей странице

Question

Это скриншот того, что у меня есть

теперь под Джиджами и Боба У меня есть 5 ссылок песен. Я хотел бы связать их непосредственно с игроком vimeo на моей странице , чтобы, например, когда пользователь нажимает на ссылку песни «Silence» под Gigi, видео пойдет на эту песню.

Текущий HTML для списка композиций под Gig является

<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

Если вы просто хотите играть в видео вы имеете вставлять URL тогда вы можете настроить свои ссылки на iframe. Вам просто нужно атрибут name на вашем IFRAME и 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