jquery - Chrome 中的 HTML5 视频 : forward/rewind not working

Question

这是一个 ASP.NET MVC 应用程序 - 使用大量 HTML5 视频。

发生了什么:当我尝试在其他浏览器中用鼠标(手动)向前移动视频时，它工作得很好；即使我单击“暂停”，将视频圆圈移动到轨道上并单击“播放”，它也会再次起作用。

在 Chrome 中，它有时会起作用(我猜视频是否被缓存？)，但大多数时候，当我尝试用鼠标移动圆圈时，它只是回到原来的位置。即使视频已暂停，我也无法从任何我想要的地方播放视频。

例如，此视频就发生了这种情况。我有一种感觉，只有当我删除浏览器历史记录并且视频从零加载时才会发生这种情况。如果我尝试多次，稍后它就会起作用(刷新页面或其他内容)。

打开此示例:jsfiddle.net/1b9749et/

有什么经验吗？谢谢。

Answer 1

所以，我使用 ffmpeg 重新编码了您的视频将 MOOV 原子放在前面(见下文)，将其上传到 Azure blob 存储，示例现在似乎可以正常工作。

./ffmpeg -y -i 9f99b62e-7d56-4816-993b-286239f243bc_x264.mp4 -movflags faststart DestFile.mp4

mp4 中的 MOOV 原子是告诉浏览器帧位置(以及其他内容)的元数据，因此它越早加载和可用，浏览器就越早允许删除等

如果您想快速测试，我会将视频托管在 https://jecathblob.blob.core.windows.net/samples/destfile.mp4在接下来的 48 小时内

[编辑:]将我的 BlobStorage 的 defaultStorageVersion 更新为最新版本，这似乎可以更好地支持 ByteRangeRequests (为此，我使用了 this utility ，如果更容易的话可以共享预编译的 .exe)

[EDIT2:]我已将编译版本上传到 https://1drv.ms/u/s!AhulbaZgpLZTjNhE_QaT4ET5xX1B-w (链接将在 5 天后过期)。只需按照 https://github.com/Plasma/AzureBlobUtility 中的说明运行即可将 DefaultStorageVersion 设置为 2016-05-31 ( https://learn.microsoft.com/en-us/rest/api/storageservices/versioning-for-the-azure-storage-services )