我有一个非常奇怪的问题。 this site的背景视频在Safari中播放,但在Chrome或Firefox中播放。
通过开发工具添加属性“控件”,我看到正确的视频持续时间。但似乎视频完全透明。
当您直接打开视频链接时会出现同样的问题:neomotionstudio-reel-2019.mp4
谢谢你看看!
问题已解决:运动设计师已将视频导出为HEVC / H.265,而不是Firefox和Chrome不支持的H.264视频格式。
这是一种视频格式问题。并非每个浏览器都知道如何解码每种视频格式,您可以在MDN上阅读this page以了解更多信息。
一个简单的解决方案是重新编码您的视频。以下是使用ffmpeg
的示例:
ffmpeg -i http://www.neomotion.studio/wp-content/uploads/2019/03/neomotionstudio-reel-2019.mp4 video.mp4
它应该为您提供在Chrome和Firefox中运行的文件。