8

ページに Vimeo ビデオを (ユニバーサル埋め込み iframe 経由で) 非表示にしています。リンクをクリックするとフェードインし、ビデオの外側 (ライトボックス スタイル) をクリックするとフェードアウトして非表示になりますが、ビデオは再生し続けます。JSON オブジェクトを使用してビデオを一時停止できるというVimeo の APIを読みましたが、何を言っているのかわかりません。

HTML:

<img id="show_tide" class="vid" src"#">
<i<iframe id="tide" class="vim" src="http://player.vimeo.com/video/1747304?portrait=0&amp;color=ffffffapi=1" width="726" height="409" frameborder="0"></iframe>

JavaScript:

$('#underlay').click(function() {
    //pause VISIBLE (there are multiple) Vimeo video via API
    $('.vim, #underlay').fadeOut(400);
});
4

4 に答える 4

17

froogaloop ライブラリの 1 つから追加する必要があります。

JS

player=$f(document.getElementById('tide'));// you can use jquery too: $('#tide')[0] 
player.api('pause');

うっとうしいほどシンプル。jsfiddle.netの例を次に示します。

于 2011-04-08T05:11:31.820 に答える
1

froogaloopライブラリを使用して、私のために働いた外部HTML要素からVimeoビデオを一時停止する簡単な方法を次に示します。

var iframe = $('.video')[0];
var player = $f(iframe);
$('.button').bind('click', function() {
    player.api('pause');
});
于 2012-07-03T17:35:33.657 に答える