javascript - jQuery で Vimeo ビデオを停止する方法

Question

YouTube ビデオを非表示にすると、再生が停止します。ただし、これは Vimeo ビデオには当てはまりません。Vimeo ビデオを停止する別の方法はありますか?

Answer 1

まず、iFrameにIDを追加します。次に、これをjavascriptのウィンドウを閉じるクリック機能に追加します。

var $frame = $('iframe#yourIframeId');

// saves the current iframe source
var vidsrc = $frame.attr('src');

// sets the source to nothing, stopping the video
$frame.attr('src',''); 

// sets it back to the correct link so that it reloads immediately on the next window open
$frame.attr('src', vidsrc);

Answer 2

Vimeo には、ビデオ プレーヤーの多くのプロパティとメソッドにアクセスして呼び出すことができるJavaScript APIがあります (ビデオの一時停止や完全なアンロードを含む)。また、GitHub にAPI Playgroundといくつかの例があります。

[編集]

Universal Embed Code を使用しているとのことですが、Web サイトの注意事項を次に示します。

Universal Embed Code では、プレイヤーと対話する唯一の方法は、window.postMessageを使用することです。postMessage は比較的新しい開発であるため、Internet Explorer 8 以降、Firefox 3 以降、Safari 4 以降、Chrome、Opera 9 以降のブラウザーでのみ使用できます。

postMessage は複雑なため、面倒な作業をすべて行う JS ミニライブラリを作成しました。ダウンロード ページで見つけるか、以下の例を参照してください。

Answer 3

SRC 属性を復元するには、クリアする前に以下を使用します。

var source = $('iframe#yourVideoId').attr('src');

次に、SRC 属性をクリアします。

$('iframe#yourVideoId').attr('src', '');

以前の SRC 属性のコールバック:

$('iframe#yourVideoId').attr('src', source);

Answer 4

Davidの行に沿った別の答え... jQueryを使用して、iFrameのSRC属性をクリアできます。

$('iframe#targetID').attr('src','');

これを Vimeo ビデオとライトボックス効果で使用しています。ライトボックスが再びトリガーされたら、表示する前にビデオ URL を iFrame SRC に追加し直します。