0

私たちが取り組んでいるプロジェクトから以下を抽出しました:

http://www.bridgedev1.com/videotest.html

これにより、ブラウザに応じてOGVまたはM4Vビデオが再生されます。

ページが読み込まれ、jQueryを使用して動画が提供されます。これはSafariとChromeで完全に機能します。

問題はFirefox(3.6.3)の問題です。ビデオを一時停止しても、ビデオの2番目のコピーはまだ再生中です。

Firebugでビデオ要素を削除すると、最初の表示可能なビデオは削除されましたが、2番目のビデオのサウンドトラックは再生されたままになりました。[ネットワークトラフィック]タブでも、7.2MBのビデオが2回読み込まれていることがわかりました。

この問題はWindowsとMacの両方で発生し、PCではさらに悪化します。

誰かがソロを提供できますか?

ありがとう

ジム

4

2 に答える 2

2

jQuery を使用してビデオ タグを挿入するクロス ブラウザーでは、非常にさまざまな結果が得られました。(IEは特に悪いです。)

私たちの回避策は、video タグをハードコーディングしてから、属性を調整し、ソースを追加するために .append() を使用することでした。

一番、

ザック

開発者、ロングテール動画

于 2010-05-07T19:38:36.007 に答える
2

この質問は数か月前のものであることは知っていますが、同じ問題を抱えていて解決策を見つけました。

私のページのhtmlには、次のdivがあります。

<div id="Video"></div>

この div は、flv ビデオと IE および Firefox に使用されるフラッシュ プレーヤーのプレースホルダーとして機能します。ビデオが MP4 で、ブラウザが .H264 ビデオをサポートしている場合、javascript を使用して div を HTML5 ビデオ タグに置き換えます。

最初に、video タグに src 属性を含めました。これにより、ビデオが 2 回再生されたり、音声が 2 回再生されたりするという問題が発生しました。最初に挿入してから src を設定すると、問題が解決するようです。

    if (canPlayH264() && isMP4) { //HTML5       

$("#Video").replaceWith('<video id="HTML5Video" controls />');  
$("#HTML5Video")[0].src = "thefile.mp4";
$("#HTML5Video")[0].play();
于 2010-08-17T20:23:53.130 に答える