微信公众号,安卓,网页,腾讯云直播,video全屏问题

<video style="width:100%;height:100%;" id="id_video_container" x-webkit-airplay="true" x5-playsinline="true" webkit-playsinline="true" playsinline="true"></video>

安卓设置属性:
 x5-playsinline="true"
实测,不可加以下属性设置,否则还是会跳出黑底全屏播放
 x5-video-player-type='h5' x5-video-player-fullscreen='true'

 IOS设置属性:
 webkit-playsinline="true" playsinline="true" 

针对腾讯云直播不需要全屏

var option = {
  live_url : ".m3u8",
	autoplay:true
};
var player = new qcVideo.Player("id_video_container", option);
function videoplush(){
	var video=document.querySelector('#id_video_container video');
	if(video!=null){
		video.setAttribute("x-webkit-airplay",'')
		video.setAttribute("webkit-playsinline",'')
		video.setAttribute("x5-playsinline",'')
		video.setAttribute("playsinline",'')
	}else{
		setTimeout(videoplush,100);
	}
}
setTimeout(videoplush,100);

猜你喜欢

转载自blog.csdn.net/wq57885/article/details/81633631
今日推荐