使用缓冲立即在 FlowPlayer 中播放视频？答案

【问题标题】：Play video immediately in FlowPlayer with buffering?使用缓冲立即在 FlowPlayer 中播放视频？
【发布时间】：2013-08-05 16:24:40
【问题描述】：

我正在使用带有 HTML5 模式的 FlowPlayer 来播放 mp4 视频。但似乎播放器要等到所选视频完全（下载）加载后再播放。我读到有一种方法可以在 FlowPlayer 的 Flash 版本中缓冲/流式传输视频。但是我不想使用flash方式，因为很多访问者都在使用iPhone或iPad。有没有办法使用标准 FlowPlayer 播放视频，同时从服务器下载其余视频？

我的代码目前如下所示：

<div class="player" data-engine="flash" style="width: 500px;">
  <video>
    <source type="video/mp4" src="url/to/video/source.mp4" />
  </video>
</div>

我必须删除“数据引擎”属性吗？

感谢您的帮助:)

【问题讨论】：

标签： html flash streaming flowplayer buffering

【解决方案1】：

如果您使用的是 HTML5 版本的 FlowPlayer，并且只想坚持使用 HTML5，请去掉 data-engine="flash"，或者将其替换为“html5”（注意，还有完整的 flash 版本流播放器）。

关于缓冲，FlowPlayer 在点击播放时会加载视频，但不会等待视频完全加载。只要有一些可读的块，就会播放视频。

你可以尝试的是“preload”属性（http://flowplayer.org/docs/#video-attributes）：

<div class="player" style="width: 500px;" preload="true">
  <video>
    <source type="video/mp4" src="url/to/video/source.mp4" />
  </video>
</div>

【讨论】：

即使使用data-engine="flash" 默认情况下，Flowplayer 使用 HTML5 视频标签并在不支持 HTML5 视频时回退到 Flash。
区别在于哪一个在另一个之前。首先使用data-engine中设置的渲染引擎，如果失败，FlowPlayer会回退到另一个。