9

の私のポスター画像のショーは、私はこのページのHTML5のビデオを持っていません。下の動画とポスター画像と次のコードはなぜIE9のHTML5ビデオ

<video class="video-js" width="235" height="185" playbackRate="1" poster="http://www.yellowtulipcomms.com/wp-content/uploads/2011/11/Kimia-Namadchi-STILL.jpg" controls="controls"> 

を使用して

イムはちょうどIE9

に任意のアイデアを示したことがありませんか?

答えて

14
  1. playbackRate属性を削除します。
  2. は、私がページの読み込みいくつかのビデオを持っていたpreload="none"属性
+3

preload = "none"が働いた –

+3

'preload =" none "'は機能しますが、ビデオが再生されるまで待つ時間が長くなります開始されます(ビデオの長さにもよるが、場合によっては5〜10秒)。 – doubleJ

3

を追加し、IE9でのポスター画像は、時にはない、と思われます。解決策は、ポスター画像をビデオ要素の背景として設定することでした。 正常に動作しました。

3

背景としてのイメージは、preload = "none"タグでのみ動作しますが、この機能は使用できません。何のためにも。なぜOpera、Firefox、Crome ...これを解釈でき、IEはできないのですか?

なぜ私はすべてのWEBページにIF IEタグを持っていますか? なぜ私はIE上で動作するすべてのものを悪くする必要がありますか?

それはMicrosoftからの開発を完了するソリューションです。

ビデオと位置と同じ解像度の画像を作成し、ビデオタグの外側に絶対に「video_play」のようなIDを付ける 画像をフェードアウトして再生する機能を作成しました。

今では、プリロード機能を使用することができ、それは素晴らしいとそれは黒い画面なしIEで動作します。

$("#video_play").click(function(){ 

    $(this).fadeOut(600); 
    var video = document.getElementById("video_src"); 
    if (video.paused) { 
     video.play(); 
    } else { 
     video.pause(); 
    } 

}); 

Mabyあなたはポスターのタグを設定するとJavaScript を持つ属性を取得し、私のスクリプトフルダイナミックを作ったことができます。 IEのように時間が非常に悪い... ...

関連する問題