vimeoユニバーサルプレーヤーにiframeで新しいビデオを再生させようとしています。
新しいビデオに切り替えるたびに完全に新しい iframe を初期化したくありません。
これを行うためのベストプラクティスはありますか?
埋め込みコードが次の場合:
<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>