2011-11-04 160 views
9

我的海報形象展示我有這個頁面上的HTML5視頻:爲什麼不IE9 HTML5視頻

http://www.yellowtulipcomms.com/portfolio/global-public-speaking/

下降3個右手圖像的底部。使用下面的代碼

<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」working –

+3

雖然'preload =「none」'不起作用,它會增加用戶等待視頻的時間開始(有時5-10秒,取決於視頻的長度)。 – doubleJ

3

我做了一個網頁加載好幾部影片,在IE9海報圖像有時會出現,有時沒有。解決方案是將海報圖像設置爲視頻元素的背景。 工作正常。

3

圖像作爲背景僅適用於preload =「none」標籤,但對於wath ist此功能?不求回報。爲什麼Opera,Firefox,Crome ......可以解釋這一點,而IE不能呢?

爲什麼我在每個WEB頁面都有一個IF IE標籤? 爲什麼我必須讓每件事情都不利於IE?

這就是解決方案,它完成了微軟的發展。

使用與視頻相同的分辨率製作了一張圖片並將其位置放在視頻標籤的外部,並給出了一個像「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(); 
    } 

}); 

莫比可設置海報標籤,讓使用javascript 屬性,使我的劇本充滿動感。時間是非常糟糕的......像IE一樣......