Quote这次讨论的是多个浏览器对最简单的 html5 音视频的支持。初步决定讨论五大浏览器：IE、Chrome、Firefox、Safari、Opera。但是 Safari 不能在 Windows 上面运行，剔除；Opera 后来改用了 Chrome 的内核，不必另行讨论了，也剔除。那么接下来主要讨论的是剩下3个浏览器。

html5 音视频的最简单的样子是什么呢？就是像这样的：
***附件停止解析***

这个样子很熟悉吧？在某之家客户端里面的视频，智机网手机版的视频等等，基本都长这样。

当然既然是最简单的音视频格式，没有各种 CSS 和<div>什么的（我也不太懂），各个浏览器的显示当然有所不同。比如 Firefox 是这个样子的：
***附件停止解析***

Chrome 是这个样子的：
***附件停止解析***
（看出什么问题了吗？它有字幕。这是后面将要讨论的内容。）

当然这个开始界面并没有什么太大问题，那么按下播放键，播了一小段之后：[page]IE 是这个样子的：
***附件停止解析***

当然这是电脑版的截图，手机版的显示为英文，是这个样子的：（或者显示为 Decode Error ，如果播放器宽度比较小的话）
***附件停止解析***

Firefox 是这个样子的：
***附件停止解析***

只有 Chrome 挺到最后：
***附件停止解析***
（可以看到我没有跳过任何一段直接跳到末尾，因为如果那样的话跳过的部分是显示为黑色的）

看到结果了吗？除了 Chrome 全部出错了。我可以告诉你们这段视频的信息：

Quote时长：4:13
大小：72.7 MB
位于：由世纪互联运营的 Office 365

对于周日下午 6 点的网络高峰期和 6 M 宽带来说视频可能太大了，但是卡不是问题。但你™不要出错啊！看视频到一半出错了是什么感觉？
并且 IE 和 Firefox 简直百发百中，点一次出错一次。
（家里还有一台 iPad 2 在播甄嬛传，这也是我不能在这篇帖子讨论 Safari 的原因）

这篇帖子讨论的是音视频，上面一直在说视频，那么下面谈一谈音频吧：
IE 出错率大概 50% 吧，3 MB 的歌曲。
刚刚现场做了测试，手机版到了第二首歌曲后出错：
***附件停止解析***

电脑版也不甘示弱，也是第二首歌曲出错。这次我特别留意了，本来显示加载进度的线，动了一会儿之后不动了，成了 deadline ：
***附件停止解析***
到了 deadline 准时出错：
***附件停止解析***

Firefox 和 Chrome 的表现都很好，都没有出错。
***附件停止解析***
***附件停止解析***

3 MB 大小的 3 分钟歌曲，不应该啊，IE 你怎么了？

最后一点是关于视频的隐藏式字幕（WebVTT）：[page]首先是 IE 、 Firefox 、 Chrome 的视频截图：
***附件停止解析***
（注意：CC已打开）

***附件停止解析***

***附件停止解析***

可以注意到，IE 是唯一不能正常显示字幕的。那么这是为什么呢？（下面这一段过于专业，普通用户直接跳到下一个蓝色字体部分就行） <code><video controls="controls" lang="en-gb" preload="auto" width="800" id="video1" poster="http://s.cn.bing.net/az/hprichbg/rb/PetrifiedForestNP_ZH-CN10820635777_1920x1080.jpg"
src="http://mscn2015library-public.sharepoint.cn/Documents/The%20Million%20Pound%20Bank%20Note.mp4"
oncanplay="goto3()" onplaying="goto4()" onended="goto5()">
<track srclang="zh-cn" label="中文" kind="subtitles" default="default" src="http://mscn2015library-public.sharepoint.cn/Documents/百万英镑中文.vtt" />
</video></code>

对着 msdn 看了半天，找不到任何问题。

直到某次看到了这一段：
***附件停止解析***

对不起这一段太高级，我看不懂…… Office 365 该去哪里改 MIME ？

又有某一次我终于留意到 Visual Studio 里面：
***附件停止解析***

所以这是 .aspx 格式的问题？但是 Office 365 只支持 .aspx ，我又有什么办法？
后来我决定在 localhost 试一下，用 .html 格式。

***附件停止解析***
Visual Studio 没有提示异常。

***附件停止解析***
在 IIS 改了 MIME 。

***附件停止解析***
失败……

所以 IE 你是嘲笑我智商不足还是怎么的？
我也只能非常草率地在这里下结论：在显示 vtt 字幕方面 IE 最差。
结论：[page]在 html5 音视频方面 IE 最差， Chrome 最好。希望斯巴达有所改善。

本贴测试用到的视频源：
1
***链接停止解析***

2
***链接停止解析***

音频源：
***链接停止解析***
（对这个音频源我进行了脚本编辑，实现双曲循环播放）