html - Safari 不会从 HTML 5 媒体元素请求视频或音频？

Question

到目前为止，我一直在开发的内容已在 Chrome 中运行，并且使用后备方案 IE8。

我不明白的是：Safari 只是不会开始加载<video>或<audio>内容。

Safari 6 不会加载，iOS 5 的 Safari 也不会：

我的代码在适当的时候调用.load()了元素（至少对于 Chrome），那么给出了什么？

这是视频声明：

<video width="800" height="600" class="faces" id="facesVideo">
  <source src="video/grid.mp4" type="video/mp4" />
  <source src="video/grid.ogv" type="video/ogg" />
</video>

音频是动态声明的，但有同样的问题。

在调用之前我是否需要等待 Chrome 不需要的一些 DOM 事件.load()？

让 Safari 开始缓冲直到元素可以触发需要canplaythrough什么？

Answer 1

由于 Safari 不支持.load(),preload="auto"必须添加到您希望 Safari 在播放前缓冲的任何 HTML5 媒体元素。去搞清楚。

即元素应如下所示：

<video width="800" height="600" class="faces" id="facesVideo" preload="auto">
  <source src="video/grid.mp4" type="video/mp4" />
  <source src="video/grid.ogv" type="video/ogg" />
</video>