vue dplayer播放m3u8地址视频
dplayer官方配置:http://dplayer.js.org/zh/guide.html#hls
npm i hls.js -S --registry=http://registry.npm.taobao.org npm i dplayer -S --registry=http://registry.npm.taobao.org
<script> let Hls = require('hls.js'); import DPlayer from 'dplayer'; ... methods: { initPlayer() { const dp = new DPlayer({ live: true, autoplay: false, container: document.getElementById('dplayer'), video: { url: m3u8url, // 地址 pic: picUrl, // 封面 type: 'customHls', customType: { customHls: function (video, player) { const hls = new Hls(); hls.loadSource(video.src); hls.attachMedia(video); }, }, }, }); } }
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步