Question

我正在为一个媒体很重的客户创建一个网站，因此要加载很多视频/音频文件。视频在Chrome，Firefox，IE等中完美加载，但Safari（在Windows上）不是！请参阅下面的代码。

<video controls="controls" type="video/mp4">
    <source src="/malagnini/video/sample.mp4" type="video/mp4" />
    <source src="/malagnini/video/sample.ogv" type="video/ogg" />
    <source src="/malagnini/video/sample.webm" type="video/webm" />
</video>

所有MIME类型都已添加到htaccess文件中。

我正在使用AJAX加载某些视频（例如，当用户点击“视频类型”过滤器按钮时），因此我在每次请求后加载视频，我知道Safari有问题。但即使在请求之前，视频也没有播放。

我还需要打勾吗？（我安装了QuickTime，我知道需要在Windows上通过Safari运行HTML5视频）。

顺便说一句，视频的DO在iPhone中加载，但是它们需要很长时间才能加载。

Answer 1

现在已经解决了。 Safari有一个错误，即无法加载动态修改src属性的视频。

要解决此问题，必须克隆视频元素然后删除。 src路径可以更新为克隆元素，重新加载到DOM中，然后正常加载。

Answer 2

@FunnyOxymoron Clonning＆amp;删除<video>元素不是一个好主意，因为在iPhone / iPad上，用户必须再次单击“播放”按钮才能激活<video>对象。正确的解决方案是替换src属性 - 以及它在Safari上的工作方式。请参阅此处的示例：https://stackoverflow.com/a/27284512/2079326

HTML5视频无法在Safari中使用

2 个答案: