JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

原生video播放m3u8格式视频

2024. 03. 19    

原生video播放m3u8格式视频

// 1、使用Vue框架可以用npm先安装hls
npm install --save hls.js

// 2、然后添加组件
<video ref="videoRef" width="400" controls></video>

// 3、最后挂载代码:
<script>
import Hls from 'hls.js'; 
export default {
    mounted: function() {
      var hls = new Hls();
      hls.loadSource('https://video-dev.github.io/streams/x36xhzz/x36xhzz.m3u8');
      hls.attachMedia(this.$refs.videoRef);
      hls.on(Hls.Events.MANIFEST_PARSED,function() {
        this.$refs.videoRef.play();
      });
    }
}
</script>