华为手机浏览器使用Video.js无法自动播放

发布于 2022-09-12 04:23:21 字数 968 浏览 21 评论 0

华为浏览器中Video.js无法自动播放 只能靠用户操作controls
以下是创建的代码

 <video poster="__STATIC__/m-image/pic_m_index_helpwork.png" data-setup="{'autoplay':true}" muted loop="loop" type="video/mp4" autoplay  id="video-player" preload="auto" class="video-js vjs-big-play-centered" playsinline="true" webkit-playsinline="true">
    <source src="./aaa.mp4"  type="video/mp4" />
 </video>
 var iPlayHeight = (document.body.clientWidth) / 1.7777
 var player = videojs('video-player', {
    autoplay: true,
    width:document.body.clientWidth,
    height:iPlayHeight
 }, function onPlayerReady() {
    //视频加载完成后自动播放
    setTimeout(function(){
      player.play();
    },1000)
 });

在其他手机(小米,苹果)的浏览器中都可以,但就在华为Meta10 pro中不行
Androi版本 Android10 EMUI10

已经尝试过在touchstart时执行播放代码 但还是无法自动播放

 $(window).on('touchstart', function(){
    setTimeout(function(){
      player.play();
    },1000)
 });

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文