x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-23 05:41:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

fix: Fix fullscreen functionality in mobile.html and fullscreenMix.js

Browse Source
This commit is contained in:
Harvey Zack committed 2024-06-01 11:47:27 +08:00
1 parent 77fb5c6d12
commit 32078b9669
3 files changed
+18 -72
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/uncompiled/artplayer/index.js
+9 -22
View File
@@ -1873,39 +1873,26 @@ function fullscreenMix(art) {
}
});
};
const isFullscreenEnabled = ()=>{
return document.fullscreenEnabled || document.webkitFullscreenEnabled || document.mozFullScreenEnabled || document.msFullscreenEnabled || $video.webkitSupportsFullscreen;
};
const webkitScreenfull = (art)=>{
const requestFullscreen = $video.requestFullscreen || $video.mozRequestFullScreen || $video.webkitRequestFullscreen || $video.msRequestFullscreen;
const exitFullscreen = document.exitFullscreen || document.mozCancelFullScreen || document.webkitExitFullscreen || document.msExitFullscreen;
const isFullscreen = ()=>{
return document.fullscreenElement === $video || document.webkitFullscreenElement === $video || document.mozFullScreenElement === $video || document.msFullscreenElement === $video || $video.webkitDisplayingFullscreen;
};
const handleFullscreenChange = ()=>{
if (isFullscreen()) {
art.state = "fullscreen";
art.emit("fullscreen", true);
} else art.emit("fullscreen", false);
art.proxy(document, "webkitfullscreenchange", ()=>{
art.emit("fullscreen", art.fullscreen);
art.emit("resize");
};
art.proxy(document, "fullscreenchange", handleFullscreenChange);
art.proxy(document, "webkitfullscreenchange", handleFullscreenChange);
art.proxy(document, "mozfullscreenchange", handleFullscreenChange);
art.proxy(document, "MSFullscreenChange", handleFullscreenChange);
});
(0, _utils.def)(art, "fullscreen", {
get () {
return isFullscreen();
return document.fullscreenElement === $video;
},
set (value) {
if (value) requestFullscreen.call($video);
else exitFullscreen.call(document);
if (value) {
art.state = "fullscreen";
$video.webkitEnterFullscreen();
} else $video.webkitExitFullscreen();
}
});
};
art.once("video:loadedmetadata", ()=>{
if ((0, _screenfullDefault.default).isEnabled) nativeScreenfull(art);
else if (isFullscreenEnabled()) webkitScreenfull(art);
else if ($video.webkitSupportsFullscreen) webkitScreenfull(art);
else (0, _utils.def)(art, "fullscreen", {
get () {
return false;