Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/video/layout/js/node_modules/artplayer/src/player/ |
import screenfull from '../libs/screenfull';
import { addClass, removeClass, def, get } from '../utils';
export default function fullscreenMix(art) {
const {
i18n,
notice,
template: { $video, $player },
} = art;
const nativeScreenfull = (art) => {
screenfull.on('change', () => {
art.emit('fullscreen', screenfull.isFullscreen);
});
def(art, 'fullscreen', {
get() {
return screenfull.isFullscreen;
},
async set(value) {
if (value) {
art.state = 'fullscreen';
await screenfull.request($player);
addClass($player, 'art-fullscreen');
} else {
await screenfull.exit();
removeClass($player, 'art-fullscreen');
}
art.emit('resize');
},
});
};
const webkitScreenfull = (art) => {
def(art, 'fullscreen', {
get() {
return $video.webkitDisplayingFullscreen;
},
set(value) {
if (value) {
art.state = 'fullscreen';
$video.webkitEnterFullscreen();
art.emit('fullscreen', true);
} else {
$video.webkitExitFullscreen();
art.emit('fullscreen', false);
}
art.emit('resize');
},
});
};
art.once('video:loadedmetadata', () => {
if (screenfull.isEnabled) {
nativeScreenfull(art);
} else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
webkitScreenfull(art);
} else {
def(art, 'fullscreen', {
get() {
return false;
},
set() {
notice.show = i18n.get('Fullscreen Not Supported');
},
});
}
// Asynchronous setting
def(art, 'fullscreen', get(art, 'fullscreen'));
});
}