ios端的页面上全屏播放的视频,电脑和Android上摁返回即可返回本页面,ios需要再处理几句
//全屏事件
document.getElementById("videoNode").addEventListener("fullscreenchange",
function(e) {
if (document.fullscreenElement) {
console.log("进入全屏");
} else {
console.log("退出全屏");
infoContent.style.display = "none";
}
})
// //进入全屏
function launchFullscreen(element) {
if (element.requestFullscreen) {
element.requestFullscreen()
} else if (element.mozRequestFullScreen) {
element.mozRequestFullScreen()
} else if (element.msRequestFullscreen) {
element.msRequestFullscreen()
} else if (element.webkitRequestFullscreen) {
element.webkitRequestFullScreen()
}
}
launchFullscreen(document.getElementById("videoNode")) //某个元素进入全屏
// //退出全屏
function exitFullscreen() {
if (document.getElementById("videoNode").exitFullscreen) {
document.getElementById("videoNode").exitFullscreen()
} else if (document.getElementById("videoNode").msExitFullscreen) {
document.getElementById("videoNode").msExitFullscreen()
} else if (document.getElementById("videoNode").mozCancelFullScreen) {
document.getElementById("videoNode").mozCancelFullScreen()
} else if (document.getElementById("videoNode").webkitExitFullscreen) {
document.getElementById("videoNode").webkitExitFullscreen()
}
}
exitFullscreen()
// 监听进入全屏
document.getElementById("videoNode").addEventListener('webkitbeginfullscreen',
function() {
_exitfullscreen = false;
});
// 监听退出全屏
$('#videoNode').on('webkitendfullscreen',
function() {
$('#videoNode')[0].pause();
$('#videoContent').hide();
});
//显示视频界面
function ShowVideo(params) {
infoContent = document.getElementById("videoContent");
infoContent.style.display = "inline";
var videoNode = document.getElementById("videoNode");
// videoNode.poster = "video/" + params + ".png";
videoNode.src = "video/" + params + ".mp4";
videoNode.play();
videoNode.requestFullscreen();
isEnterFullScreen = true;
// infoContent.childNodes[1].src = 'img/房间圆点对应弹窗/' + params + '.png';
}