如何消除离子播放视频的第一次延迟

Question

我正在尝试在ion-content标记内播放视频。

的问题：

1. 视频需要一些时间才能播放。在这个时候，它显示一个黑屏。
2. 几分钟后视频将播放。

问题：

当用户打开应用程序时，如何避免第一个延迟时间并播放视频？

代码：

   <ion-content>
     <video  id='play_video' controls="controls"  width="100%" height="100%"    preload="metadata" autoplay="autoplay" webkit-playsinline="webkit-playsinline" class="videoPlayer">
     <source id='mp4Source' src="http://scontent-lht6-1.cdninstagram.com/t50.2886-16/17411365_1330668097014253_7208742851285352448_n.mp4" type="video/mp4"/>
     </video>
    </ion-content>

Answer 1

如果视频花了这么多时间播放，很可能是服务器端问题。

最常见的问题是视频文件中包含元数据的部分位于文件评价的末尾而不是mp4文件中的开头。

这意味着客户端在下载整个视频之前无法播放视频。

有一种常见的技术可以将元数据“块”或“原子”移动到开头。

此处有更多信息（请查看送货设置）：

• https://gpac.wp.imt.fr/mp4box/

在这里：

• https://github.com/danielgtaylor/qtfaststart

用法非常简单 - 例如使用qtfaststart：

  

$ bin / qtfaststart infile [outfile]