Fancyboxへの読み込み時にHTML5ビデオを自動再生する際に問題が発生します。非表示になっているdivにHTML5ビデオをロードしているため、タグで自動再生を有効にできません。次に、これをFancyboxインラインとdivへの参照を含む画像クリックと呼びます。Fancyboxが開いたときにビデオを再生したい場合を除いて、すべてが正常に機能しますか？任意のアイデアをいただければ幸いです。
9609 次
1 に答える
2
ファンシーボックスで開くとすぐにビデオを自動再生できます。インラインビデオの問題は、それを閉じると一時停止し、次にfancyboxで開くと、閉じたときと同じ場所/トラックでビデオが開かれることです...そしてそれはしません」 auto-resume" (アクションは開始時に自動再生されます)。
とにかく、このオプションはうまくいくはずです：
'onComplete': function(){
$("#myVideo").find('video').attr('autoplay','autoplay');
}
#myVideovideo タグを含む DIV の ID です。
インライン メソッドを使用しているため、既存のバグの 1 つとその回避策については、こちらを参照してください。
最終的には、インライン タイプの問題を回避するために、代わりに API オプション 'content' を使用することをお勧めします。
'content': '<video autoplay="autoplay" preload="none" poster="path/image.jpg" width="640" height="360" controls="controls"><source autoplay="autoplay" src="path/video.ogg" type="video/ogg">your browser does not support the HTML 5 video tag</video>'
于 2011-11-20T04:44:28.727 に答える