mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-27 01:21:20 -08:00
try screen.orientation.lock
This commit is contained in:
1 parent
e4f815e24f
commit
cf5099f259
3 files changed
+200
-187
No files matched your search
+176
-186
@@ -1435,210 +1435,176 @@
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
var screenfull$1 = {exports: {}};
|
/* eslint-disable promise/prefer-await-to-then */
|
||||||
|
|
||||||
/*!
|
const methodMap = [
|
||||||
* screenfull
|
[
|
||||||
* v5.2.0 - 2021-11-03
|
'requestFullscreen',
|
||||||
* (c) Sindre Sorhus; MIT License
|
'exitFullscreen',
|
||||||
*/
|
'fullscreenElement',
|
||||||
|
'fullscreenEnabled',
|
||||||
|
'fullscreenchange',
|
||||||
|
'fullscreenerror',
|
||||||
|
],
|
||||||
|
// New WebKit
|
||||||
|
[
|
||||||
|
'webkitRequestFullscreen',
|
||||||
|
'webkitExitFullscreen',
|
||||||
|
'webkitFullscreenElement',
|
||||||
|
'webkitFullscreenEnabled',
|
||||||
|
'webkitfullscreenchange',
|
||||||
|
'webkitfullscreenerror',
|
||||||
|
|
||||||
(function (module) {
|
],
|
||||||
(function () {
|
// Old WebKit
|
||||||
|
[
|
||||||
|
'webkitRequestFullScreen',
|
||||||
|
'webkitCancelFullScreen',
|
||||||
|
'webkitCurrentFullScreenElement',
|
||||||
|
'webkitCancelFullScreen',
|
||||||
|
'webkitfullscreenchange',
|
||||||
|
'webkitfullscreenerror',
|
||||||
|
|
||||||
var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
|
],
|
||||||
var isCommonjs = module.exports;
|
[
|
||||||
|
'mozRequestFullScreen',
|
||||||
|
'mozCancelFullScreen',
|
||||||
|
'mozFullScreenElement',
|
||||||
|
'mozFullScreenEnabled',
|
||||||
|
'mozfullscreenchange',
|
||||||
|
'mozfullscreenerror',
|
||||||
|
],
|
||||||
|
[
|
||||||
|
'msRequestFullscreen',
|
||||||
|
'msExitFullscreen',
|
||||||
|
'msFullscreenElement',
|
||||||
|
'msFullscreenEnabled',
|
||||||
|
'MSFullscreenChange',
|
||||||
|
'MSFullscreenError',
|
||||||
|
],
|
||||||
|
];
|
||||||
|
|
||||||
var fn = (function () {
|
const nativeAPI = (() => {
|
||||||
var val;
|
const unprefixedMethods = methodMap[0];
|
||||||
|
const returnValue = {};
|
||||||
|
|
||||||
var fnMap = [
|
for (const methodList of methodMap) {
|
||||||
[
|
const exitFullscreenMethod = methodList?.[1];
|
||||||
'requestFullscreen',
|
if (exitFullscreenMethod in document) {
|
||||||
'exitFullscreen',
|
for (const [index, method] of methodList.entries()) {
|
||||||
'fullscreenElement',
|
returnValue[unprefixedMethods[index]] = method;
|
||||||
'fullscreenEnabled',
|
|
||||||
'fullscreenchange',
|
|
||||||
'fullscreenerror'
|
|
||||||
],
|
|
||||||
// New WebKit
|
|
||||||
[
|
|
||||||
'webkitRequestFullscreen',
|
|
||||||
'webkitExitFullscreen',
|
|
||||||
'webkitFullscreenElement',
|
|
||||||
'webkitFullscreenEnabled',
|
|
||||||
'webkitfullscreenchange',
|
|
||||||
'webkitfullscreenerror'
|
|
||||||
|
|
||||||
],
|
|
||||||
// Old WebKit
|
|
||||||
[
|
|
||||||
'webkitRequestFullScreen',
|
|
||||||
'webkitCancelFullScreen',
|
|
||||||
'webkitCurrentFullScreenElement',
|
|
||||||
'webkitCancelFullScreen',
|
|
||||||
'webkitfullscreenchange',
|
|
||||||
'webkitfullscreenerror'
|
|
||||||
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'mozRequestFullScreen',
|
|
||||||
'mozCancelFullScreen',
|
|
||||||
'mozFullScreenElement',
|
|
||||||
'mozFullScreenEnabled',
|
|
||||||
'mozfullscreenchange',
|
|
||||||
'mozfullscreenerror'
|
|
||||||
],
|
|
||||||
[
|
|
||||||
'msRequestFullscreen',
|
|
||||||
'msExitFullscreen',
|
|
||||||
'msFullscreenElement',
|
|
||||||
'msFullscreenEnabled',
|
|
||||||
'MSFullscreenChange',
|
|
||||||
'MSFullscreenError'
|
|
||||||
]
|
|
||||||
];
|
|
||||||
|
|
||||||
var i = 0;
|
|
||||||
var l = fnMap.length;
|
|
||||||
var ret = {};
|
|
||||||
|
|
||||||
for (; i < l; i++) {
|
|
||||||
val = fnMap[i];
|
|
||||||
if (val && val[1] in document) {
|
|
||||||
for (i = 0; i < val.length; i++) {
|
|
||||||
ret[fnMap[0][i]] = val[i];
|
|
||||||
}
|
|
||||||
return ret;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return returnValue;
|
||||||
}
|
}
|
||||||
|
|
||||||
return false;
|
|
||||||
})();
|
|
||||||
|
|
||||||
var eventNameMap = {
|
|
||||||
change: fn.fullscreenchange,
|
|
||||||
error: fn.fullscreenerror
|
|
||||||
};
|
|
||||||
|
|
||||||
var screenfull = {
|
|
||||||
request: function (element, options) {
|
|
||||||
return new Promise(function (resolve, reject) {
|
|
||||||
var onFullScreenEntered = function () {
|
|
||||||
this.off('change', onFullScreenEntered);
|
|
||||||
resolve();
|
|
||||||
}.bind(this);
|
|
||||||
|
|
||||||
this.on('change', onFullScreenEntered);
|
|
||||||
|
|
||||||
element = element || document.documentElement;
|
|
||||||
|
|
||||||
var returnPromise = element[fn.requestFullscreen](options);
|
|
||||||
|
|
||||||
if (returnPromise instanceof Promise) {
|
|
||||||
returnPromise.then(onFullScreenEntered).catch(reject);
|
|
||||||
}
|
|
||||||
}.bind(this));
|
|
||||||
},
|
|
||||||
exit: function () {
|
|
||||||
return new Promise(function (resolve, reject) {
|
|
||||||
if (!this.isFullscreen) {
|
|
||||||
resolve();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var onFullScreenExit = function () {
|
|
||||||
this.off('change', onFullScreenExit);
|
|
||||||
resolve();
|
|
||||||
}.bind(this);
|
|
||||||
|
|
||||||
this.on('change', onFullScreenExit);
|
|
||||||
|
|
||||||
var returnPromise = document[fn.exitFullscreen]();
|
|
||||||
|
|
||||||
if (returnPromise instanceof Promise) {
|
|
||||||
returnPromise.then(onFullScreenExit).catch(reject);
|
|
||||||
}
|
|
||||||
}.bind(this));
|
|
||||||
},
|
|
||||||
toggle: function (element, options) {
|
|
||||||
return this.isFullscreen ? this.exit() : this.request(element, options);
|
|
||||||
},
|
|
||||||
onchange: function (callback) {
|
|
||||||
this.on('change', callback);
|
|
||||||
},
|
|
||||||
onerror: function (callback) {
|
|
||||||
this.on('error', callback);
|
|
||||||
},
|
|
||||||
on: function (event, callback) {
|
|
||||||
var eventName = eventNameMap[event];
|
|
||||||
if (eventName) {
|
|
||||||
document.addEventListener(eventName, callback, false);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
off: function (event, callback) {
|
|
||||||
var eventName = eventNameMap[event];
|
|
||||||
if (eventName) {
|
|
||||||
document.removeEventListener(eventName, callback, false);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
raw: fn
|
|
||||||
};
|
|
||||||
|
|
||||||
if (!fn) {
|
|
||||||
if (isCommonjs) {
|
|
||||||
module.exports = {isEnabled: false};
|
|
||||||
} else {
|
|
||||||
window.screenfull = {isEnabled: false};
|
|
||||||
}
|
|
||||||
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Object.defineProperties(screenfull, {
|
return false;
|
||||||
isFullscreen: {
|
|
||||||
get: function () {
|
|
||||||
return Boolean(document[fn.fullscreenElement]);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
element: {
|
|
||||||
enumerable: true,
|
|
||||||
get: function () {
|
|
||||||
return document[fn.fullscreenElement];
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isEnabled: {
|
|
||||||
enumerable: true,
|
|
||||||
get: function () {
|
|
||||||
// Coerce to boolean in case of old WebKit
|
|
||||||
return Boolean(document[fn.fullscreenEnabled]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (isCommonjs) {
|
|
||||||
module.exports = screenfull;
|
|
||||||
} else {
|
|
||||||
window.screenfull = screenfull;
|
|
||||||
}
|
|
||||||
})();
|
})();
|
||||||
}(screenfull$1));
|
|
||||||
|
|
||||||
var screenfull = screenfull$1.exports;
|
const eventNameMap = {
|
||||||
|
change: nativeAPI.fullscreenchange,
|
||||||
|
error: nativeAPI.fullscreenerror,
|
||||||
|
};
|
||||||
|
|
||||||
|
// eslint-disable-next-line import/no-mutable-exports
|
||||||
|
let screenfull = {
|
||||||
|
// eslint-disable-next-line default-param-last
|
||||||
|
request(element = document.documentElement, options) {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
const onFullScreenEntered = () => {
|
||||||
|
screenfull.off('change', onFullScreenEntered);
|
||||||
|
resolve();
|
||||||
|
};
|
||||||
|
|
||||||
|
screenfull.on('change', onFullScreenEntered);
|
||||||
|
|
||||||
|
const returnPromise = element[nativeAPI.requestFullscreen](options);
|
||||||
|
|
||||||
|
if (returnPromise instanceof Promise) {
|
||||||
|
returnPromise.then(onFullScreenEntered).catch(reject);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
exit() {
|
||||||
|
return new Promise((resolve, reject) => {
|
||||||
|
if (!screenfull.isFullscreen) {
|
||||||
|
resolve();
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const onFullScreenExit = () => {
|
||||||
|
screenfull.off('change', onFullScreenExit);
|
||||||
|
resolve();
|
||||||
|
};
|
||||||
|
|
||||||
|
screenfull.on('change', onFullScreenExit);
|
||||||
|
|
||||||
|
const returnPromise = document[nativeAPI.exitFullscreen]();
|
||||||
|
|
||||||
|
if (returnPromise instanceof Promise) {
|
||||||
|
returnPromise.then(onFullScreenExit).catch(reject);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
toggle(element, options) {
|
||||||
|
return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options);
|
||||||
|
},
|
||||||
|
onchange(callback) {
|
||||||
|
screenfull.on('change', callback);
|
||||||
|
},
|
||||||
|
onerror(callback) {
|
||||||
|
screenfull.on('error', callback);
|
||||||
|
},
|
||||||
|
on(event, callback) {
|
||||||
|
const eventName = eventNameMap[event];
|
||||||
|
if (eventName) {
|
||||||
|
document.addEventListener(eventName, callback, false);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
off(event, callback) {
|
||||||
|
const eventName = eventNameMap[event];
|
||||||
|
if (eventName) {
|
||||||
|
document.removeEventListener(eventName, callback, false);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
raw: nativeAPI,
|
||||||
|
};
|
||||||
|
|
||||||
|
Object.defineProperties(screenfull, {
|
||||||
|
isFullscreen: {
|
||||||
|
get: () => Boolean(document[nativeAPI.fullscreenElement]),
|
||||||
|
},
|
||||||
|
element: {
|
||||||
|
enumerable: true,
|
||||||
|
get: () => document[nativeAPI.fullscreenElement] ?? undefined,
|
||||||
|
},
|
||||||
|
isEnabled: {
|
||||||
|
enumerable: true,
|
||||||
|
// Coerce to boolean in case of old WebKit.
|
||||||
|
get: () => Boolean(document[nativeAPI.fullscreenEnabled]),
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!nativeAPI) {
|
||||||
|
screenfull = {isEnabled: false};
|
||||||
|
}
|
||||||
|
|
||||||
|
var screenfull$1 = screenfull;
|
||||||
|
|
||||||
var nativeScreenfull = function nativeScreenfull(art) {
|
var nativeScreenfull = function nativeScreenfull(art) {
|
||||||
var notice = art.notice,
|
var notice = art.notice,
|
||||||
$player = art.template.$player;
|
$player = art.template.$player;
|
||||||
screenfull.on('change', function () {
|
screenfull$1.on('change', function () {
|
||||||
return art.emit('fullscreen', screenfull.isFullscreen);
|
return art.emit('fullscreen', screenfull$1.isFullscreen);
|
||||||
});
|
});
|
||||||
def(art, 'fullscreen', {
|
def(art, 'fullscreen', {
|
||||||
get: function get() {
|
get: function get() {
|
||||||
return screenfull.isFullscreen;
|
return screenfull$1.isFullscreen;
|
||||||
},
|
},
|
||||||
set: function set(value) {
|
set: function set(value) {
|
||||||
if (value) {
|
if (value) {
|
||||||
screenfull.request($player).then(function () {
|
screenfull$1.request($player).then(function () {
|
||||||
addClass($player, 'art-fullscreen');
|
addClass($player, 'art-fullscreen');
|
||||||
art.aspectRatioReset = true;
|
art.aspectRatioReset = true;
|
||||||
art.autoSize = false;
|
art.autoSize = false;
|
||||||
@@ -1647,7 +1613,7 @@
|
|||||||
notice.show = '';
|
notice.show = '';
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
screenfull.exit().then(function () {
|
screenfull$1.exit().then(function () {
|
||||||
removeClass($player, 'art-fullscreen');
|
removeClass($player, 'art-fullscreen');
|
||||||
art.aspectRatioReset = true;
|
art.aspectRatioReset = true;
|
||||||
art.autoSize = art.option.autoSize;
|
art.autoSize = art.option.autoSize;
|
||||||
@@ -1686,7 +1652,7 @@
|
|||||||
notice = art.notice,
|
notice = art.notice,
|
||||||
$video = art.template.$video;
|
$video = art.template.$video;
|
||||||
art.once('video:loadedmetadata', function () {
|
art.once('video:loadedmetadata', function () {
|
||||||
if (screenfull.isEnabled) {
|
if (screenfull$1.isEnabled) {
|
||||||
nativeScreenfull(art);
|
nativeScreenfull(art);
|
||||||
} else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
|
} else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
|
||||||
webkitScreenfull(art);
|
webkitScreenfull(art);
|
||||||
@@ -5763,6 +5729,30 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
art.on('fullscreen', function (state) {
|
||||||
|
var lastOrientation = screen.orientation.type;
|
||||||
|
|
||||||
|
if (state) {
|
||||||
|
var videoWidth = $video.videoWidth,
|
||||||
|
videoHeight = $video.videoHeight;
|
||||||
|
var _document$documentEle2 = document.documentElement,
|
||||||
|
viewWidth = _document$documentEle2.clientWidth,
|
||||||
|
viewHeight = _document$documentEle2.clientHeight;
|
||||||
|
|
||||||
|
if (videoWidth > videoHeight && viewWidth < viewHeight || videoWidth < videoHeight && viewWidth > viewHeight) {
|
||||||
|
var oppositeOrientation = lastOrientation.startsWith('portrait') ? 'landscape' : 'portrait';
|
||||||
|
screen.orientation.lock(oppositeOrientation).then(function () {
|
||||||
|
addClass($player, 'art-auto-orientation-fullscreen');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (hasClass($player, 'art-auto-orientation-fullscreen')) {
|
||||||
|
screen.orientation.lock(lastOrientation).then(function () {
|
||||||
|
removeClass($player, 'art-auto-orientation-fullscreen');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
return {
|
return {
|
||||||
name: 'autoOrientation',
|
name: 'autoOrientation',
|
||||||
|
|
||||||
@@ -6160,7 +6150,7 @@
|
|||||||
}, {
|
}, {
|
||||||
key: "build",
|
key: "build",
|
||||||
get: function get() {
|
get: function get() {
|
||||||
return '1651055373326';
|
return '1651062536627';
|
||||||
}
|
}
|
||||||
}, {
|
}, {
|
||||||
key: "config",
|
key: "config",
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/getPrototypeOf.js","../../node_modules/_style-inject@0.3.0@style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/_option-validator@2.0.6@option-validator/dist/option-validator.js","../../packages/artplayer/src/utils/emitter.js","../../packages/artplayer/src/utils/compatibility.js","../../packages/artplayer/src/utils/dom.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/defineProperty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/urlMix.js","../../packages/artplayer/src/player/attrMix.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMix.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/miniMix.js","../../packages/artplayer/src/player/loopMix.js","../../packages/artplayer/src/player/posterMix.js","../../packages/artplayer/src/player/autoHeightMix.js","../../packages/artplayer/src/player/themeMix.js","../../packages/artplayer/src/player/titleMix.js","../../packages/artplayer/src/player/exclusiveMix.js","../../packages/artplayer/src/player/subtitleOffsetMix.js","../../packages/artplayer/src/player/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/get.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/asyncToGenerator.js","../../node_modules/_regenerator-runtime@0.13.9@regenerator-runtime/runtime.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/regenerator/index.js","../../packages/artplayer/src/utils/component.js","../../packages/artplayer/src/control/fullscreen.js","../../packages/artplayer/src/control/fullscreenWeb.js","../../packages/artplayer/src/control/Line truncated
|
{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/getPrototypeOf.js","../../node_modules/_style-inject@0.3.0@style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/_option-validator@2.0.6@option-validator/dist/option-validator.js","../../packages/artplayer/src/utils/emitter.js","../../packages/artplayer/src/utils/compatibility.js","../../packages/artplayer/src/utils/dom.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/defineProperty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/urlMix.js","../../packages/artplayer/src/player/attrMix.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMix.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/_screenfull@6.0.1@screenfull/index.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/miniMix.js","../../packages/artplayer/src/player/loopMix.js","../../packages/artplayer/src/player/posterMix.js","../../packages/artplayer/src/player/autoHeightMix.js","../../packages/artplayer/src/player/themeMix.js","../../packages/artplayer/src/player/titleMix.js","../../packages/artplayer/src/player/exclusiveMix.js","../../packages/artplayer/src/player/subtitleOffsetMix.js","../../packages/artplayer/src/player/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/get.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/asyncToGenerator.js","../../node_modules/_regenerator-runtime@0.13.9@regenerator-runtime/runtime.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/regenerator/index.js","../../packages/artplayer/src/utils/component.js","../../packages/artplayer/src/control/fullscreen.js","../../packages/artplayer/src/control/fullscreenWeb.js","../../packages/artplayer/src/Line truncated
|
||||||
@@ -38,6 +38,29 @@ export default function autoOrientation(art) {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
art.on('fullscreen', (state) => {
|
||||||
|
const lastOrientation = screen.orientation.type;
|
||||||
|
if (state) {
|
||||||
|
const { videoWidth, videoHeight } = $video;
|
||||||
|
const { clientWidth: viewWidth, clientHeight: viewHeight } = document.documentElement;
|
||||||
|
if (
|
||||||
|
(videoWidth > videoHeight && viewWidth < viewHeight) ||
|
||||||
|
(videoWidth < videoHeight && viewWidth > viewHeight)
|
||||||
|
) {
|
||||||
|
const oppositeOrientation = lastOrientation.startsWith('portrait') ? 'landscape' : 'portrait';
|
||||||
|
screen.orientation.lock(oppositeOrientation).then(() => {
|
||||||
|
addClass($player, 'art-auto-orientation-fullscreen');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (hasClass($player, 'art-auto-orientation-fullscreen')) {
|
||||||
|
screen.orientation.lock(lastOrientation).then(() => {
|
||||||
|
removeClass($player, 'art-auto-orientation-fullscreen');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
return {
|
return {
|
||||||
name: 'autoOrientation',
|
name: 'autoOrientation',
|
||||||
get state() {
|
get state() {
|
||||||
|
|||||||
Reference in new issue
Block a user