HTML5无法播放来自blob的mp4视频

Question

我有一个有点复杂的网站加载视频机制， 我已经用几种方式对它进行了测试，

首先我有这2个视频

1. 第一个是一个非常轻的视频，持续时间只有20秒，而且我认为不是HD，甚至还不到1MB
2. 第二个是一个运行时间为4分钟的视频片段，我认为它是高清，回忆就像是90MB，

两者都是mp4格式

我在服务器中有两个视频，

我尝试在IE11和谷歌浏览器中运行这些视频，然后通过＆＃34;视频＆＃34; HTML5中的标记，它们都非常流畅（一次一个视频）

接下来，我尝试使用IndexedDB将视频保存在客户端存储中，以便将来浏览器不再需要流式传输，

这些视频保存为blob，然后存储在IndexedDB中（谷歌浏览器除外我必须将这些视频或任何文件保存为ArrayBuffer，因为Chrome还不支持indexedDB中的blob），

当我从indexedDB加载视频时，我使用createObjectURL（）将blob转换为objectURL并在视频源中播放它们（对于Google Chrome，我必须加载arrayBuffer，然后将它们首先转换为blob）< / p>

在IE11中，两个视频都像往常一样正常运行， 但在Chrome中，我只能播放第一个视频（轻量级视频），而第二个视频，它从未在Chrome上播放！我不知道这是怎么发生的，因为如果第二个视频是流媒体播放效果很好。

以下是两个视频的属性：

左边是89MB的视频，右边是300KB 谁能告诉我这里做错了什么？或者它是否仅支持Chrome for HD？