Video 的使用

• 同时添加webkit-playinline 和 playinline可以解决在App和Safari都出现的全屏播放问题

 <video src="url" autoplay="autoplay"  muted
                  preload="auto" // 视频优先加载
                  x5-video-player-type="h5" 
				  x5-video-player-fullscreen="false" 
				  
				  webkit-playsinline="true" 
				  playsinline="true" ></video>

• 微信环境自动播放

// 获取文档中的第一个 <video> 元素
var video = document.querySelector('video');
if (video) {
  // 设置视频在 iOS 设备上以内联方式播放
  video.playsInline = true;

  // 检查是否在微信环境中
  var isWechat = navigator.userAgent.toLowerCase().includes('micromessenger');
  if (isWechat) {
	// 监听微信 JS 桥准备就绪事件
	document.addEventListener('WeixinJSBridgeReady', function () {
		video && video.play();
	}, false);
  }
}