ios音视频在微信中不能自动播放

1)检查视频是否正在播放。2)在诸如单击或触摸身体等事件时触发视频播放。

注意:除非用户与设备进行交互,否则某些浏览器不允许视频自动播放。

    // 用于检查视频是否正在播放
                  Object.defineProperty(HTMLMediaElement.prototype, 'playing', {
                    get: function() {
                      return !!(this.currentTime > 0 && !this.paused && !this.ended && this.readyState > 2);
                    }
                  });
                  // 通过将事件侦听器附加到主体上来简单地触发自动播放视频
                  $('body').on('click touchstart', function() {
                    const videoElement = document.getElementById('video');
                    if (videoElement.playing) {
                      // video is already playing so do nothing
                    } else {
                      // video is not playing
                      // so play video now
                      videoElement.play();
                    }

                  });
 // 解决方法一
    <srcipt src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js">
        script>
        // 在页面中引入微信插件
        var video = document.querySelector('vidoe');
        video.play();

        // 在微信中使用audio播放音频和视频
        document.addEventListener("WeixinJSBridgeReady", function () {
            video.play();
        }, false);

        // 解决方法二
        // 因为ios中明确的指出等待用户的交互动作后才能播放video,也就是说没有得到用户的action就播放的话会被safri拦截
        //点击屏幕后触发
        document.addEventListener('touchstart', function () {
            function audioAutoPlay() {
                video.play();
            }
            audioAutoPlay();
        });

免责申明:

1. 本站所有教程、文章或资源分享目的仅供大家学习和交流!
2. 如有无法查看或链接失效,麻烦请报告联系管理员处理!
3. 本站无法保证资源或其时效性,恕不接受任何提问。
4. 在本站下载的源码严禁杜绝任何形式的正式商业用途,请去程序官方购买。 所有资料均来自于网络,版权归原创者所有!本站不提供任何保证,并不承担任何法律责任,如果对您的版权或者利益造成损害,请提供相应的资质证明,我们将于3个工作日内予以删除。

学习交流联系

立即查看 了解详情