前端取消vidoe在小米手机播放全屏
要在小米手机上取消视频全屏播放,可以使用以下方法:
- 使用JavaScript代码,在视频播放器上添加一个事件监听器,以侦听视频播放器的全屏事件。
var videoElement = document.getElementById('videoPlayer'); // 替换为你的视频播放器的id
videoElement.addEventListener('webkitfullscreenchange', function() {
if (!document.webkitIsFullScreen) {
// 取消全屏播放
exitFullscreen();
}
});
- 创建一个函数
exitFullscreen(),用于取消全屏播放。
function exitFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
} else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
}
- 在适当的时机调用
exitFullscreen()函数,例如用户点击一个按钮或者执行某个动作时。
var exitFullscreenButton = document.getElementById('exitFullscreenButton'); // 替换为你的取消全屏按钮的id
exitFullscreenButton.addEventListener('click', function() {
exitFullscreen();
});
这样,当视频播放器退出全屏时,会自动调用exitFullscreen()函数来取消全屏播放。你可以根据自己的需求来调整代码的逻辑和样式
原文地址: https://www.cveoy.top/t/topic/iiTT 著作权归作者所有。请勿转载和采集!