video自动播放兼容性

920 阅读1分钟

一:只有苹果手机加上

(1)在钉钉小程序上面是可以播放的
(2)在微信上面不能直接播放,必须添加微信js才可以播放
可以播放:
	document.addEventListener("WeixinJSBridgeReady", function() {
		 document.getElementById('videoBtn').play();
	}, false);

二:安卓手机:

(1)在钉钉小程序上面是可以播放的

document.getElementById('videoBtn').play();

(2)但是大部分手机安卓在微信是不能播放的,必须引入插件或者框架才能自动播放。

因为安卓手机端做了处理,以免无故浪费流量资费,

三:电脑谷歌浏览器只要添加muted="muted"属性就可以播放。

document.getElementById('videoBtn').play();

四:视频播放完安卓自动跳转百度

let isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)
  vdo.addEventListener('ended', () => {
      if (!isiOS) {
          vdo.play();
          setTimeout(() => {
              vdo.pause();
          }, 100)
      }
    })