uniapp+muiPlayer H5 微信公众号网站 IOS 视频无法自动播放
如题,项目使用uniapp开发,通过web-view嵌入muiPlayer视频播放组件,需求是通过点击父页面上的播放按钮实现视频自动播放,目前安卓机、PC端模拟器均尝试正常,唯有苹果机点击父页面按钮后需手动点击视频组件的开始播放按钮方可加载视频并播放
原始代码如下
//父页面调用
<view>
<web-view @message="handlePostMessage" :src="playerUrl" ></web-view>
</view>
//子页面加载
<script src="./js/mui-player.min.js"></script>
<script src="./js/mui-player-mobile-plugin.min.js"></script>
<body>
<div id="mui-player" class="player"></div>
</body>
<script>
let config = {
container:'#mui-player',
title:'Your Title',
src:'https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/media/media.mp4',
poster:'https://muiplayer.oss-cn-shanghai.aliyuncs.com/static/image/poster.jpg',
videoAttribute:[
{attrKey:'webkit-playsinline',attrValue:'webkit-playsinline'},
{attrKey:'playsinline',attrValue:'playsinline'},
{attrKey:'x5-playsinline',attrValue:'true'},
{attrKey:'t7-video-player-type',attrValue:'inline'},
{attrKey:'x5-video-player-type',attrValue:'h5-page'},
{attrKey:'x-webkit-airplay',attrValue:'allow'},
{attrKey:'controlslist',attrValue:'nodownload'},
{attrKey:'controls',attrValue:'controls'},
],
autoOrientaion: true,
autoplay: true
}
let mp = new MuiPlayer(config);
</script>
百度过后有的说ios为防止流量消耗禁止了video标签的autoplay属性,也无法使用js调用play(),于是尝试通过js代码获取页面dom然后模拟点击播放按钮,尝试无果