Question

以下代码显示视频控件。用户可以通过桌面和移动浏览器成功地在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>

根据引用的here文档，Internet Explorer应该能够处理MP4视频文件，前提是它们是H.264 / AAC编码的。我的视频符合这些规范。

症状是：

（1）在桌面版的Internet Explorer（11.0）中，视频播放器显示但按下播放按钮则无效。

（2）在移动版本（截至2014年12月12日的最新版本@微软商店）中，视频播放器显示为无法操作的黑色方块。正方形的尺寸是正确的，但没有办法与之互动。

在任何情况下，我的默认代码<em>Sorry, your browser doesn't support HTML5 video.</em>都不会显示。

我还能尝试什么？没有必要为10之前的IE版本找到有效的解决方案。

更新：另一个小问题..输入IE URL区域中视频文件的完整路径会执行文件下载。所以它不是＆＃34;文件未找到＆＃34;情况。它可以访问。

另外...... Internet Explorer网络选项卡显示IE甚至不打算查询该文件。与其他自动执行视频GET请求的浏览器相反。

Answer 1

首先检查您的ie版本。如果它低于9.那么你需要使用Flash播放器。或者您也可以在Internet Exploor 8或8中使用embeded选项。

像这样 {

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

}它适用于我..

Answer 2

验证组策略设置中的视频播放不是disabled in your Internet zones。

HTML5 <video>标记无法在Internet Explorer </video>中使用

2 个答案: