h5 video支持hls（.m3u8）文件播放

1.安装

npm install hls.js

2.使用

<video ref="hlsvideo" loop autoplay controls></video>

import Hls from 'hls.js';

private init(data) {
    // 支持 .m3u8 hls
    const hlsvideo = this.$refs.hlsvideo as HTMLMediaElement;
    const hls = new Hls();
    hls.loadSource(data.videoUrl);
    hls.attachMedia(hlsvideo);
    hls.on(Hls.Events.MANIFEST_PARSED, () => {
    hlsvideo.play();
    });
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容