HTML 5視頻IE9加載不正確

我有這個頁面有5個獨立的生物部分。每個人都會顯示文字和視頻，並隱藏其他人。適用於Firefox和Chrome，但不適用於IE9。一個視頻在IE9中加載。無論你首先點擊哪一個。海報馬上消失，但視頻將播放。點擊任何其他名稱，視頻不會彈出。HTML 5視頻IE9加載不正確

鏈接和代碼如下。我使用了包含視頻和提供後備的相當標準的方法。任何人有任何想法？

http://www.friedmanllp.com/experienced_hires_people2.php

<video id="video1" controls="controls" poster="flash/poster_ayanna.jpg" preload="none" width="398" height="224"> 
     <source src="flash/video_ayanna.webm" type="video/webm" /> 
     <source src="flash/video_ayanna.mp4" type="video/mp4" codecs="avc1.42E01E, mp4a.40.2" /> 
     <source src="flash/video_ayanna.ogv" type="video/ogg" /> 
     <object type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" width="640" height="360"> 
      <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" /> 
      <param name="allowFullScreen" value="true" /> 
      <param name="wmode" value="transparent" /> 
      <param name="flashVars" value="config={'playlist':['flash%2Fvideo_ayanna.jpg',{'url':'flash%2Fvideo_ayanna.mp4','autoPlay':false}]}" /> 

      <img alt="Ayanna" src="flash/poster_ayanna.jpg" width="398" height="224" title="No video playback capabilities. Please try a different browser." /> 
     </object> 
    </video>

來源

2013-07-11 Dave Rottino

發生了什麼事？你有看到什麼嗎？ – putvande

呃...一個視頻加載。無論您首先點擊哪個生物。海報馬上消失，但視頻將播放。點擊任何其他名稱，視頻不會彈出。 –

IE被扔它的手在蠻力暫停所有視頻。

$("#video1")[0].pause(); 
$("#video2")[0].pause(); 
$("#video3")[0].pause(); 
$("#video4")[0].pause(); 
$("#video5")[0].pause();

所以我做了檢查，看看是否有任何視頻元素正在播放，並相應地暫停它們。

來源

2013-07-11 18:03:06

HTML 5視頻IE9加載不正確

回答

相關問題