は、これは私が今ジジとボブの下で、私は5曲のリンクを持つ</p> <p><a href="https://i.stack.imgur.com/9CjYE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9CjYE.jpg" alt="enter image description here"></a></p> <p>を持っているもののスクリーンショットです

Question

私のページにリンクを介して埋め込まれたVimeoのビデオを変更するオプションを追加します。 私はこれらを直接私のページ のvimeoプレーヤーにリンクしたいと思います。例えば、ユーザーがGigiの下の "Silence"曲のリンクをクリックすると、ビデオがこの曲に移動します。

ギグの下の曲リストの現在の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> 

であり、あなたは単にあなたが、その後のための埋め込みURLを持っているビデオを再生したい場合は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やリンクのtarget属性にname属性が必要になります。

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> 

あなたがより複雑な何かをしたい場合はJavaScriptを使用してウェブサイトにあなたは、Vimeoのプレーヤーを統合することを可能にするAPIがあります：https://github.com/vimeo/player.js