2012-01-03 28 views
2

完全に機能するHTML5ビデオがあります。IDは「#html5-video-7345」です。HTML5動画(videojs)の一時停止()と再生()が機能しません。

私はjQueryを使ってそれを制御しようとしていますが、どうすればよいか分かりません。

注:

jQuery(document).ready(function(){ 
    alert('test1'); 
    jQuery('#html5-video-7345').player.play(); 
    alert('test2'); 
}); 

アラート「TEST1」が2回:私は自動再生を必要としない、これは私が必要なものだけの簡易版です。

jQuery('#html5-video-7345')[0].player.play()またはjQuery('#html5-video-7345')[0].play()と同じことが起こります。

どういうところが間違っていますか? jQuery/JSを使用してHTML5動画を停止()/再生()する方法は?

答えて

4

私はvideojs関数リファレンスを見つけることができず、Googleはまったく誤解を招いていました。幸運にも私はこの解決策を見つけ、それは完璧に動作する:

jQuery('#html5-video-7345').player.play(); //wrong 
jQuery('#html5-video-7345').player().play(); //correct 
2

canplayイベントが.play()を呼び出すにしようとする前に発射していることを確認してください:

jQuery('#html5-video-7345').bind("canplay", function() { 
    this.play(); // Should start video 
}); 

canplayイベントはブラウザが動画の再生を開始することができたときに解雇されたが、それはそれはビデオを再生できることを保証するものではありません。完了までそれがあなたの目的に合っていない場合は、loadeddatacanplaythroughのような聞くことができる他の関連イベントがいくつかあります。

関連する問題