hillangle 2022-12-15 14:41
浏览 45
已结题

uniapp+muiPlayer H5 微信公众号网站 IOS 视频无法自动播放

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然后模拟点击播放按钮,尝试无果
  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 12月23日
    • 创建了问题 12月15日

    悬赏问题

    • ¥15 用hfss做微带贴片阵列天线的时候分析设置有问题
    • ¥50 我撰写的python爬虫爬不了 要爬的网址有反爬机制
    • ¥15 Centos / PETSc / PETGEM
    • ¥15 centos7.9 IPv6端口telnet和端口监控问题
    • ¥120 计算机网络的新校区组网设计
    • ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
    • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
    • ¥20 海浪数据 南海地区海况数据,波浪数据
    • ¥20 软件测试决策法疑问求解答
    • ¥15 win11 23H2删除推荐的项目,支持注册表等