javascript - HTML5 视频在 Safari 中不起作用

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 视频所必需的)。

顺便说一句，视频确实可以在 iPhone 中加载，但加载时间很长。

Answer 1

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

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