使用 M3U8 播放列表的 HTML5 视频的开始时间答案

【问题标题】：Start time for HTML5 Video using M3U8 playlist使用 M3U8 播放列表的 HTML5 视频的开始时间
【发布时间】：2018-07-18 14:50:02
【问题描述】：

如何设置 .m3u8 视频源的开始时间。如果当我将 #t=3 附加到 URL 而不是 .m3u8 播放列表时，视频是 .mp4 则有效，如何设置 .m3u8 文件的开始时间？

适用于 MP4

<video controls autoplay> 
  <source src="http://techslides.com/demos/sample-videos/small.mp4#t=2">
</video>

不适用于 M3U8

<video controls autoplay> 
  <source src="http://techslides.com/demos/sample-videos/small.m3u8#t=2"  type="application/x-mpegurl">
</video>

【问题讨论】：

【解决方案1】：

除了 javascript 修复之外，我不知道有任何普遍支持的方式来执行此操作。我会在javascript中监听canplay事件，然后调整播放位置并开始播放。

Mozilla 的 MDN 网站对 events generated by HTML 5 Video tags. 有一个很好的概述

有关如何跳转到特定时间，请参阅此答案：html5 video button that takes video to specific time

【讨论】：