我希望有人知道我可以做些什么来帮助我在本地 Intranet 上播放 HTML5 视频。
我的 Web 服务器 = Windows Server 2008 R2 标准 64 位 IIS 版本 = IIS7
测试用户环境 = Windows 7 Enterprise
使用“谷歌浏览器”完美播放视频
使用“IE10”播放视频失败
我的html代码如下：
<!DOCTYPE html>
<html>
<body>
<video src="AccReadings.mp4" width="400" height="300" preload controls>
</video>
</body>
</html>
我使用 IE10 的测试机可以播放 HTML5Rocks 视频“ http://craftymind.com/factory/html5video/CanvasVideo.html ”
问候，
克里斯
确保将 Web 服务器设置为使用video/mp4.mp4 的 MIME 类型。我不小心将 .mp4 设置为使用 MIME 类型video/mpeg，视频在 Chrome 中播放，但在 IE11 中没有。
您还需要确保视频使用 H264 视频编解码器和 AAC 音频编解码器
我只是遇到了类似的问题，我自己的网站 HTML5 根本不起作用。没有错误信息只是空白。
原因是 Windows7 N（欧盟 - 没有媒体播放器）。
安装Windows Media Player后，此问题（以及其他问题）已修复。我希望它有帮助:)
由于某种原因，它看起来不像在 Win7 + IE10 中工作。其他一切看起来都不错。针对以下页面进行了测试，其中包括 ie.microsoft.com 测试。
http://ie.microsoft.com/testdrive/graphics/videoformatsupport/default.html http://www.w3.org/2010/05/video/mediaevents.html
Win7 IE9 - 好的
Win7 IE10 – 不
Win8 IE10 – 好的
Win7 IE11 - 好的
Win8 IE11 - 好的
MS 测试页面的 BrowserStack 屏幕截图。 http://www.browserstack.com/screenshots/9083c865675d0821ee8b1030a43da5fd36bff469
可能您遇到了无法播放 IE10 HTML5 视频和现代 UI 应用程序视频中提到的显卡驱动程序问题。
在 IE 中禁用 GPU 渲染为：
Internet 选项 > 高级 > 加速图形 > 使用软件渲染而不是 GPU 渲染
看看它是否有效。
我没有安装 IE10，但是，根据caniuseit，IE9 和 10 支持 mp4。
以下 html 在 IE9 和 Chrome 中适用于我，请注意您的视频文件必须与服务器上的 html 页面位于同一文件夹中（在此示例中）。
<!DOCTYPE html>
<html>
<body>
<video src="abc.mp4" width="640" height="480" preload controls></video>
</body>
</html>
编辑：我已经安装了 IE10 并且可以在那里确认上述工作。
编辑：由于 Firefox 不支持 mp4，并且较旧的浏览器根本不支持原生视频，因此最好提供多种来源（格式），然后回退，通常使用 Flash 播放器。
<!DOCTYPE html>
<html>
<body>
<video width="640" height="480" preload controls>
<!-- mp4 supported by Chrome & IE9/10 -->
<source src="abc.mp4" type="video/mp4"></source>
<!-- webm supported by Firefox -->
<source src="abc.webm" type="video/webm"></source>
<!-- last element in video is fall back for native video support, usually a flash player -->
<object type="application/x-shockwave-flash ...>
<!-- last element flash player is usual fall back for flash support, usually some "not supported text" -->
<div>
Your browser does not natively support flash and you do not have flast installed.
</div>
</object>
</video>
</body>
</html>
我在 IE10 播放 html5 视频时遇到了很多问题。我检查的最后一件事是正确的 oe：视频是 gzip 压缩的。检查你的服务器配置！！！
编辑：
要知道您的视频是否被服务器压缩，请使用像Charles这样的网络代理嗅探器，甚至 IE 的调试器并检查视频文件请求的响应标头。如果你找到Content-Encoding:gzip了，那么你应该检查你的服务器配置。就我而言，我必须在我的 .htaccess 文件中禁用视频文件的 gzip 压缩。
我遇到了完全相同的问题。我最初的视频分辨率是 1920x1200。似乎IE10有问题。使用较低分辨率视频的第一次测试解决了这个问题。
这是我用于 html5 视频的代码：
<div>
<video id="example_video_1" class="video-js vjs-default-skin"
controls preload="none" width="auto" height="auto"
poster="path/to/image.png"
data-setup='{"example_option":true, "autoplay": true}'>
<source src="path/to/video.ogv" type='video/ogg' />
<source src="path/to/video.webm" type='video/webm' />
<source src="path/to/video.mp4" type='video/mp4' />
<!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
<object class="vjs-flash-fallback" width="640" height="360" type="application/x-shockwave-flash" data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
<param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
<param name="allowfullscreen" value="true" />
<param name="flashvars" value='config={"playlist":["path/to/image.png", {"url": "path/to/video.flv","autoPlay":false,"autoBuffering":true}]}' />
<!-- Image Fallback. Typically the same as the poster image. -->
<img src="path/to/image.png" width="640" height="264" alt="Poster Image" title="No video playback capabilities." />
</object>
</video>
这应该适用于所有设备/浏览器。我已经按特定顺序调用了wideos，以允许现代浏览器更快地加载它们（chrome可以播放ogg/webm/mp4-从测试我的视频ogg/webm似乎加载得更快它们mp4，所以它会减少缓冲时间）