0

これは私が持っているもののスクリーンショットです

ここに画像の説明を入力

現在、ジジとボブの下に 5 つの曲のリンクがあります。たとえば、ユーザーがジジの下の「サイレンス」の曲のリンクをクリックすると、ビデオがこの曲に移動するように、これらを私のページの vimeo プレーヤーに直接リンクしたいと思います。

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

1 に答える 1

2

埋め込み URL を持っているビデオを再生したいだけの場合は、リンク先をiframe. nameiframe のtarget属性とリンクの属性が必要なだけです。

デモ

<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 プレーヤーを Web サイトに統合できる API があります: https://github.com/vimeo/player.js

于 2016-12-13T11:54:29.123 に答える