iOS设备上怎么点击h5自定义的video全屏按钮实现全屏操作,如下图:
iOS 上并不禁止调用全屏的 API。获取到 video 对象直接调用 requestFullscreen。当然为了防止默认全屏,得加上playsinline
属性
<video src="..." id="video" playsinline="true" wekit-playsinline="true" />
<button id="btn">点击</button>
var vid = document.getElementById('video');
var btn = document.getElementById('btn');
btn.addEventListener('click', function(e){
if (vid.requestFullscreen) {
vid.requestFullscreen();
} else if (vid.mozRequestFullScreen) {
vid.mozRequestFullScreen();
} else if (vid.webkitRequestFullscreen) {
vid.webkitRequestFullscreen();
}
});
13 回答13k 阅读
7 回答2.2k 阅读
5 回答1.5k 阅读
3 回答1.3k 阅读✓ 已解决
5 回答1.6k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
答案如下