npm i dplayer
npm i hls.js
播放m3u8格式的视频需要框选部分 -- 建议查看官方文档MSE支持
切换视频需要用到switchVideo()
api
this.Dp = new Dplayer({
element:this.$refs.player,
mutex:false,
loop:true,
lang:'zh-cn',
autoplay:true,
preload:'none',
video:{
url:'',
type: 'customHls',
customType: {
customHls: function (video, player) {
console.log('video',video,player);
const hls = new HLS();
hls.loadSource(video.src);
hls.attachMedia(video);
},
},
}
})
文章标题:在vue中使用dplayer播放hls m3u8格式视频
文章作者:未知用户
文章链接:[复制]
最后修改时间:2024年 03月 13日 11时33分
商业转载请联系站长获得授权,非商业转载请注明本文出处及文章链接,您可以自由地在任何媒体以任何形式复制和分发作品,也可以修改和创作,但是分发衍生作品时必须采用相同的许可协议。 本文采用CC BY-NC-SA 4.0进行许可。
Copyright © 2023--2025
豫ICP备2022014268号-1
我们历经沧桑,这样错过了一生最好的时光,错过了便是永远