h5 页面video 在原生app里展示全屏的问题 以及功能

在ios app里嵌套的h5页面中 有video功能标签
但是在ios中 点击播放video会自动全屏 这是ios的浏览器的问题
即使你的点击播放是自定义的 也是无效

这里我们就要设置一下video 在微信浏览器中不会放大 可是其他地方不行

playsinline 和 webkit-playsinline 属性加上 在ios 和安卓上回禁止放大
这里的前提是 你要把video 的 控件去掉 不显示

设置了这些在app里还是不行
需要原生配合一下
下面那行是原生设置的,这里就正常了 我是这边处理了这个问题 所以是有效的h5 页面video 在原生app里展示全屏的问题 以及功能_第1张图片

video

var  video= document.getElementById('video')
//播放
video.play()
//暂停
video.pause()

if(video.paused){
     
	alert('视频暂停中');
}else{
     
	alert('视频播放中');
}

你可能感兴趣的:(前端,JS/JQ,html5)