api - Vimeo API を新しい動画に切り替える

Question

vimeoユニバーサルプレーヤーにiframeで新しいビデオを再生させようとしています。

新しいビデオに切り替えるたびに完全に新しい iframe を初期化したくありません。

これを行うためのベストプラクティスはありますか?

Answer 1

埋め込みコードが次の場合:

<iframe id="vimeo_vid" src="//player.vimeo.com/video/VIDEO_ID" width="WIDTH" height="HEIGHT" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

次に、jQuery を使用してフレームをリロードできます。

<script type="text/javascript" src="jquery.js"></script>
<script>
  function loadit() {
    var loc = "http://player.vimeo.com/video/NEW_VID_ID";
    var iframe = $('#vimeo_vid');
    $(iframe).attr('src', loc);
  }
</script>

次のように、その関数を呼び出してコンテンツを変更します。

<button type="button" onclick="loadit()">Change Content</button>