logo标签列表

HTML5 <video>标签在Internet Explorer中无法正常工作

internet-explorerhtml5-video
4
以下代码显示一个视频控件。用户可以在Safari、Firefox和Chrome中的桌面和移动浏览器上成功观看视频。
最新版本的Internet Explorer（11？）无法使用该视频控件，无论是桌面还是移动浏览器。
以下是相关的代码：
 <div id="videoDiv" class="wrappableBlock">
     <h2><img src="/code/images/video.png"/>Introductory Video</h2>
     <video controls preload="metadata" >
       <source src="/code/images/video.mp4#t=8" type="video/mp4" >
       <source src="/code/images/video.ogg#t=8" type="video/ogg" >
       <em>Sorry, your browser doesn't support HTML5 video.</em>
     </video>
 </div>

根据这里引用的文档，只要视频是H.264 / AAC编码，Internet Explorer就能够处理MP4格式的视频文件。我的视频符合这些规格。
症状如下：
(1) 在桌面版Internet Explorer（11.0）中，视频播放器出现，但按下播放按钮没有反应。
(2) 在移动版（截至5/12/14 @ Microsoft store的最新版本）中，视频播放器显示为无法操作的黑色方块。方块的尺寸是正确的，但无法与之交互。
在任何情况下，我的默认代码<em>Sorry, your browser doesn't support HTML5 video.</em>都不会显示。
我还能尝试什么？不必为IE 10之前的版本找到可行的解决方案。
更新：另一个细节...在IE URL区域输入视频文件的完整路径会执行文件下载。因此，这不是“找不到文件”的情况。它是可以访问的。
另外... Internet Explorer网络选项卡显示IE甚至没有尝试查询该文件。而其他浏览器则自动执行GET请求以获取视频。
控制台显示了什么？你的服务器是否设置了正确的mp4文件mime类型？（检查控制台） - user1693593
是的，MIME类型已经正确设置。我知道这一点，因为当我查看Firebug日志中的HTTP请求/响应流时，我可以看到返回的MIME类型。顺便说一下，服务器是运行在Windows 2008上的IIS。当您建议查看控制台时，这是在Internet Explorer中吗？我很乐意去检查一下。 - Chad Decker
当然，只需按F12键，IE11就会弹出控制台。 - user1693593
1
啊哈，我明白了。好的，它返回的唯一错误是告诉我应该在文档顶部包含 <!DOCTYPE html>。我添加了它，但没有任何区别。有趣的是，在网络选项卡上，我可以看到它甚至没有尝试加载视频文件，无论是 .mp4 还是 .ogg。所以不像文件是坏的。它甚至没有尝试去加载它。奇怪！这与 Firefox 等浏览器形成对比，后者实际上会通过 GET 请求尝试检索视频文件。 - Chad Decker
我相信我遇到了完全相同的问题。你找到解决方法了吗？ - The F
显示剩余3条评论
2个回答
1

首先检查您的IE版本。如果低于9，则需要使用Flash Player。或者您也可以在Internet Explorer 8或8以下使用嵌入选项。

像这样 {

<video id="Video1" controls width="100%" height="auto" poster="pic.png" >
<source src="video.mp4" type='video/mp4;' />
<embed src="video.mp4" wmode="opaque">
<param name="wmode" value="opaque" />
</embed>
</video>

} 它在我这里运行正常。

0

验证视频播放没有被组策略设置禁用在您的Internet区域中。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接