html5的video标签实现对HLS(m3u8格式)的支持（附代码实例）

html5的video标签实现对HLS(m3u8格式)的支持（附代码实例）

<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>
<video id="video"></video>
<script>
  if(Hls.isSupported()) {
    var video = document.getElementById('video');
    var hls = new Hls();
    hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
    hls.attachMedia(video);
    hls.on(Hls.Events.MANIFEST_PARSED,function() {
      video.play();
  });
 }
</script>

来源：https://www.zhihu.com/question/38839312/answer/143894748

我的其他原创文章：

• 微信视频直播如何做收费直播（如何做付费的微信直播）图文教程
• 原创教程：带ppt课件和讲师画面的教学视频录制完整教程
• 做视频直播时如何测试本地网络的上行带宽(网速测试)
• usb摄像头做教学直播实现pc和手机都可以在线观看教程
• 微信公众号直播有哪些不一样的玩法？
• 无广告的免费视频存储空间并提供视频上传转码的功能，很不错的哦
• 说说视频编码格式、视频码率、视频帧率、分辨率的概念
• html5视频标签video中ontimeupdate事件用法
• 如何做电脑游戏桌面录屏直播实现手机直接观看