html - Internet Explorer 8 中的 HTML5 视频

Question

我知道该<video>标记在 Internet Explorer 8 中无法正常工作，这很好。我想要做的是，如果用户尝试使用 IE8 打开链接，则会显示类似you're using browser XX and it's not supported.

我试过这个：

<video id="ivideo" src="skins/Sandbox_Light/styleVideos/anima.mp4" controls onended="ivideo();" style="width:952px; height=435px" autoplay="autoplay">
  Not supported by your browser
</video>

但是，相反，我看到中间有一个 X 的黑色div，好像问题出在插件丢失一样。我试图打开这个页面，它在 IE9 中运行良好。

Answer 1

使用这段代码来检测它：

function supports_video() {
    return !!document.createElement('video').canPlayType;
}

由潜入 html5 提供： http: //diveintohtml5.info/detect.html

Answer 2

在下面的链接中查看 ie6 阻止程序脚本。

将其放在加载 html 5 的单独文件中

<!--[if <= IE 8]>
    <script type="text/javascript" src="jquery.ie6blocker.js"></script> 
<![endif]-->

    <video id="ivideo" src="skins/Sandbox_Light/styleVideos/anima.mp4" controls onended="ivideo();" style="width:952px; height=435px" autoplay="autoplay">

然后通过 iframe 加载视频。如果需要，我会建议编辑脚本以证明您正在做的事情。同时更改图像的大小。另外，放一个升级浏览器的链接。

http://css-tricks.com/ie-6-blocker-script/