html5 video 支持 m3u8格式如何實(shí)現(xiàn)?

admin HTML/CSS/JS評(píng)論735字?jǐn)?shù) 420閱讀模式
  1. <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>  
  2. <video id="video"></video>  
  3. <script>  
  4.   if(Hls.isSupported()) {  
  5.     var video = document.getElementById('video');  
  6.     var hls = new Hls();  
  7.     hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');  
  8.     hls.attachMedia(video);  
  9.     hls.on(Hls.Events.MANIFEST_PARSED,function() {  
  10.       video.play();  
  11.   });  
  12.  }  
  13. </script>  

版權(quán)聲明:文章圖片資源來(lái)源于網(wǎng)絡(luò),如有侵權(quán),請(qǐng)留言刪除!!!
廣告也精彩
admin
  • 本文由 發(fā)表于 2021年9月25日 19:06:47
  • 轉(zhuǎn)載請(qǐng)務(wù)必保留本文鏈接:http://yudch.cn/7686.html
匿名

發(fā)表評(píng)論

匿名網(wǎng)友 填寫信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: