fix: Fix fullscreen functionality in mobile.html

This commit is contained in:
Harvey Zack committed 2024-06-01 09:13:16 +08:00
1 parent 67fdb31717
commit 31125ac790
3 files changed
+9 -31

No files matched your search

+4 -23
View File
@@ -35,37 +35,18 @@ export default function fullscreenMix(art) {
});
};
const requestFullscreen =
$video.requestFullscreen ||
$video.mozRequestFullScreen ||
$video.webkitRequestFullscreen ||
$video.msRequestFullscreen;
const exitFullscreen =
document.exitFullscreen ||
document.mozCancelFullScreen ||
document.webkitExitFullscreen ||
document.msExitFullscreen;
const isFullscreenEnabled =
document.fullscreenEnabled ||
document.webkitFullscreenEnabled ||
document.mozFullScreenEnabled ||
document.msFullscreenEnabled ||
$video.webkitSupportsFullscreen;
const webkitScreenfull = (art) => {
def(art, 'fullscreen', {
get() {
return document.fullscreenElement || $video.webkitDisplayingFullscreen;
return $video.webkitDisplayingFullscreen;
},
set(value) {
if (value) {
art.state = 'fullscreen';
requestFullscreen.call($video);
$video.webkitEnterFullscreen();
art.emit('fullscreen', true);
} else {
exitFullscreen.call(document);
$video.webkitExitFullscreen();
art.emit('fullscreen', false);
}
art.emit('resize');
@@ -76,7 +57,7 @@ export default function fullscreenMix(art) {
art.once('video:loadedmetadata', () => {
if (screenfull.isEnabled) {
nativeScreenfull(art);
} else if (isFullscreenEnabled) {
} else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
webkitScreenfull(art);
} else {
def(art, 'fullscreen', {