2014-02-11 61 views
2

我有一個小問題。我的同事在使用Windows XP,因此使用IE 8.因此,我有一些編碼,以便人們可以使用Chrome和IE 8和Edge查看它。但是,我想在IE 9上試用它,以防一些可憐的客戶擁有IE 9(誰知道,它可能發生!)。我知道我不應該對IE9(我真的不這麼認爲)扯淡,但現實情況是,我們的大多數客戶都很老,可能不會下載更新(因爲他們可能不知道如何或不會這樣做)麻煩)。我有這種編碼,但在IE 9中,視頻出現兩次,但在IE 8中,如果我添加專門針對IE但不包含IE 9+的選項,則不會在IE 8中出現任何視頻。另一方面,如果,我刪除了LT IE 9的代碼和GTE的IE 9的代碼,那麼當然它出現在IE 8視頻兩次出現在IE 9

我一直在尋找了幾個小時來解決我的問題,但都無濟於事。我的問題是,如何修改我的代碼,以便在IE 8,IE 9,IE Edge和Chrome中正確查看它? (順便說一句,我不得不爲了添加註釋,如代碼此代碼才能正常工作,否則代碼顯示爲文本)

<!--[if IE & (lt IE 9)]> 

<object width="408" height="230" type="video/x-ms-asf" url="videos/town-and-country.mp4" data="videos/town-and-country.mp4" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> 
    <param name="url" value="videos/town-and-country.mp4"> 
    <param name="filename" value="videos/town-and-country.mp4"> 
    <param name="autostart" value="0"> 
    <param name="uiMode" value="full" /> 
    <param name="autosize" value="1"> 
    <param name="playcount" value="1"> 
    <embed type="application/x-mplayer2" src="videos/town-and-country.mp4" width="408" height="230" autostart="false" showcontrols="true" 

pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed> 
</object> 

<![endif]--> 


<!--<![if !IE | (gte IE 9)]>--> 
<video id="" src="videos/town-and-country.mp4" type="video/mp4" controls width="408" height="230"></video> 
<!--<![endif]>--> 

編輯,這些都是我的MODS的現在:

<video src="videos/town-and-country.mp4" width="408" height="230" controls> 
    <source src="videos/town-and-country.webm" type="video/webm"> 


<object width="408" height="230" type="video/x-ms-asf" url="videos/town-and-country.mp4" data="videos/town-and-country.mp4" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"> 
    <param name="url" value="videos/town-and-country.mp4"> 
    <param name="filename" value="videos/town-and-country.mp4"> 
    <param name="autostart" value="0"> 
    <param name="uiMode" value="full" /> 
    <param name="autosize" value="1"> 
    <param name="playcount" value="1"> 
    <embed type="application/x-mplayer2" src="videos/town-and-country.mp4" width="408" height="230" autostart="false" showcontrols="true" 

pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"></embed> 
</object> 
</video> 

回答

0

你不需要條件的意見。嘗試將對象放在video標記內。

  • 小於9的IE版本將忽略video標記並默認呈現Windows Media Player對象。
  • 現代瀏覽器(和IE9 +)將忽略子對象和播放本地視頻。

像這樣:

<video src="videos/town-and-country.mp4"> 
    <object> 
    // Your fallback WMP object here 
    </object> 
</video> 

作爲警告的話,雖然 - 我不認爲Windows媒體播放器在XP支持播放MP4文件。 According to Microsoft,只有Windows Media Player 12支持 - 和WMP 12 only works with Windows 7+。另外,您還需要爲其他無法播放mp4的瀏覽器添加視頻的webm版本。

+0

我修改了它嘗試添加第二個VID擴展。但與IE9,它仍然增加了視頻。你可以看看我在OP中添加的編輯。 (MP4隨着XP順便說一句,我試了一下)。 – user3298911

+0

將mp4也放入元素 - 否則src屬性將優先。我不確定你現在有什麼問題。也許你可以模擬jsbin中的一些工作代碼? – TimHayes

+0

它直接複製我的視頻,因此我最終有兩個。這隻發生在IE9中(不是IE8或11,也不是Chrome)。我從來沒有使用過jsbin。我這樣做似乎錯了嗎?我無法弄清楚我的生活在做什麼錯了。但是,這仍然是。 http://jsbin.com/woyah/2/ – user3298911