我们先看一下官方DEMO
let player = new HlsPlayer({
id: 'mse',
url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/hls/xgplayer-demo.m3u8',
isLive: true,
autoplay: true,
playsinline: true,
height: window.innerHeight,
width: window.innerWidth
});
官方教程是让我们通过autoplay: true设置自动播放 所以我代码是这么写的
this.player = new HlsJsPlayer({
id: `mse`,
url: '//sf1-cdn-tos.huoshanstatic.com/obj/media-fe/xgplayer_doc_video/hls/xgplayer-demo.m3u8',
isLive: true,
autoplay: true,
playsinline: true,
height: window.innerHeight,
width: window.innerWidth
});
神奇的事情发生了，这个自动播放属性再vue中未生效 ,需要手动点击播放按钮播放。于是我百度 也有别人遇到了这个问题，并提供了解决方案。
加一个属性 autoplayMuted: true。
坑 坑 坑，文档上根本没有这个属性
![[MAUI 项目实战] 手势控制音乐播放器（二）： 手势交互](https://www.kunjuke.com/file/css/thumb/4.jpg/280-180.jpg)
