视频在IE 9中出现两次

时间:2014-02-11 21:23:20

标签: internet-explorer google-chrome video html5-video

我有一个小问题。我的同事在工作中使用Windows XP,因此使用IE 8.因此,我有一些编码,以便人们可以使用Chrome和IE 8和Edge查看它。但是,我想在IE 9上尝试一下,以防一些不良客户使用IE 9(谁知道,它可能会发生!)。我知道我不应该对IE 9(我真的没有)给出一个废话,但实际情况是我们的大多数客户都很老,可能不会下载更新(因为他们可能不知道怎么样或不知道'打扰)。

我有这个编码,但在IE 9中视频出现两次,但在IE 8中,如果我添加专门针对IE而不是IE 9+的选项,IE 8中不会出现任何视频。另一方面,我删除了lt IE 9代码和gte IE 9代码,当然它出现在IE 8中。

我一直在寻找几个小时来解决我的问题,但无济于事。我的问题是,我如何修改我的代码,以便我可以在IE 8,IE 9,IE边缘和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]>-->
编辑,这些是我现在拥有的mod:

<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>

1 个答案:

答案 0 :(得分:0)

您不需要条件评论。尝试将对象放在<{1}}标记内

  • 小于9的IE版本将忽略video标记,默认情况下将呈现Windows Media Player对象。
  • 现代浏览器(和IE9 +)将忽略子对象并播放原生视频。

像这样:

video

但需要注意的是 - 我不认为XP上的Windows Media Player支持播放mp4文件。 According to Microsoft,只有Windows Media Player 12支持 - 和WMP 12 only works with Windows 7+。此外,您还需要为其他无法播放mp4的浏览器添加视频的webm版本。