IE9未加載HTML5 mp4視頻

我的視頻在除IE9以外的幾乎所有其他瀏覽器中都能正常工作。然而，它可能只是IE9的配置導致這個問題，因爲在我的其他筆記本電腦與Windows 8 64位和IE10 64位，當我切換到IE9的瀏覽器模式，它工作正常。這是問題：IE9未加載HTML5 mp4視頻

我使用Windows 7 64位，IE9 64位和32位。我的網站在嵌套的JQuery選項卡中有視頻。一個標籤隨機加載。如果選擇包含視頻的其中一個標籤最初加載，則視頻顯示正常。如果不是，視頻顯示爲空白，但是，我可以右鍵單擊視頻的位置，選擇播放，然後視頻將按照正常播放，控件出現。

下面是遇到該問題的網頁的鏈接： http://northernicefastpitch.com/index.php?page=team&team=1

轉到Scalzitti選項卡，然後選擇視頻以瞭解其中的視頻應該顯示。

這裏是我的視頻代碼：

<video width="310" height="200" controls="controls"> 
<source src="teams/players/Scalzitti_Angela_19960603/videos/video1.mp4" type="video/mp4"> 
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="310" height="200"> 
<param name="src" value="teams/players/Scalzitti_Angela_19960603/videos/video1.mp4"> 
<param name="type" value="video/mp4"> 
<param name="controller" value="true"> 
<param name="autoplay" value="false"> 
<embed src="teams/players/Scalzitti_Angela_19960603/videos/video1.mp4" type="video/mp4" pluginspage="http://www.apple.com/quicktime/download/" width="310" height="200" controller="true" autoplay="false"> 
</object> 
</video>

我託管在Linux的Centos使用NGINX所以.htaccess文件不會造成任何問題6.3服務器這個網站。我已經看過「IE9 HTML5視頻只能在緩存清理後才能看到」帖子，它並沒有幫助我。我可能已經嘗試了大約30種不同的解決方案，而且沒有任何解決方案適用於我（這就是爲什麼我傾向於IE9在此筆記本電腦上配置不正確）。

請讓我知道你們中的任何一個是否能夠在IE9上正確地看到視頻和控件。如果它只是這檯筆記本電腦有問題，我絕對沒問題。

在此先感謝。

約翰

來源

2013-08-20 Slashin8r

我找不到這個問題的任何可行的解決方案，但我沒有拿出一個解決辦法。我只在IE中使用這種解決方法，但在遇到Chrome的另一個問題後，我決定在所有瀏覽器上使用這個解決方案。

<div style="display:inline-block; margin-top:-14px; padding:5px;"> 
    <video id="video14" width="310" height="200" style="background:#000000 url('images/play.png') no-repeat;" preload="none" controls> 
    <source src="videos/video1.mp4" type="video/mp4"> 
    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="310" height="200"> 
     <param name="src" value="videos/video1.mp4"> 
     <param name="type" value="video/mp4"> 
     <param name="controller" value="true"> 
     <param name="autoplay" value="false"> 
     <embed src="videos/video1.mp4" type="video/mp4" width="310" height="200" controller="true" autoplay="false"></embed> 
    </object> 
    </video> 
    <script> 
    document.getElementById('video14').onclick = function() { 
     document.getElementById('video14').play(); 
     document.getElementById('video14').onclick = ''; 
     document.getElementById('video14').style.background = ''; 
    }; 
    </script> 
</div>

上面，我給我的視頻一個播放按鈕的ID和背景圖像。然後，我設置了一些javascript來播放視頻，同時在第一次點擊後也刪除了onclick函數以及背景。由於Chrome的問題，我必須設置preload =「none」。此外，您可以使用海報屬性而不是使用背景。如果使用海報屬性，則不需要額外的JavaScript來刪除背景。

編輯：我試過使用海報屬性，但它沒有在IE9的工作，所以堅持與現在的背景。還嘗試使用video.js和海報，但也沒有在IE9中工作。在IE9中，當選擇帶有視頻的選項卡作爲默認選項卡（隨機選擇默認選項卡）時，即使預加載=「無」，預覽海報仍然正在顯示。儘管如此，我對這種隨機事件還好。

來源

2013-09-30 18:27:36 Slashin8r

IE9未加載HTML5 mp4視頻

回答

相關問題