10

ここに簡単なコードがあります：http://jsfiddle.net/YAFuW/1/

基本的に私はこのように使用しようとしました：

<iframe src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

<a href="#">STOP</a>

$('a').click(function() {
   alert('stoped');
   froogaloop.api('unload');
});
4

5 に答える 5

15

このクロスブラウザを実現するための「良い」または「正しい」方法がわかりません。
Youtube の JavaScript API も失敗します。

しかし、この方法は信頼性が高く、機能します。
基本的に、それはそれを殺して<iframe>再構築します。

$('a').click(function() {
  alert('stoped');
  vimeoWrap = $('#vimeoWrap');
  vimeoWrap.html(vimeoWrap.html());
});

JSFiddleで見る

于 2012-05-01T18:27:47.863 に答える
14

ビデオの再生または一時停止のみが必要な場合は、次のように使用します。

var iframe = $('#vimeo-player')[0];
var player = $f(iframe);

$('#stop').click(function() {
    alert('stoped');
    player.api('pause');
});


$('#play').click(function(){
    alert('play');
    player.api('play');
})

およびマークアップ:

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>

<iframe id="vimeo-player" src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
<a id="stop" href="#">STOP</a>
<a id="play" href="#">PLAY</a>

http://jsfiddle.net/zimm/8CV2S/14/

于 2012-10-17T10:52:44.030 に答える