mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-28 02:01:20 -08:00
add artplayer-plugin-control
This commit is contained in:
1 parent
aafa046a9f
commit
054ee3f3f6
26 files changed
+42
-35
No files matched your search
@@ -1,4 +1,3 @@
|
||||
import screenfull from '../libs/screenfull';
|
||||
import { append, tooltip, setStyle } from '../utils';
|
||||
|
||||
export default function fullscreen(option) {
|
||||
@@ -16,8 +15,8 @@ export default function fullscreen(option) {
|
||||
art.fullscreen = !art.fullscreen;
|
||||
});
|
||||
|
||||
screenfull.on('change', () => {
|
||||
if (art.fullscreen) {
|
||||
art.on('fullscreen', (state) => {
|
||||
if (state) {
|
||||
tooltip($control, i18n.get('Exit Fullscreen'));
|
||||
setStyle($fullscreenOn, 'display', 'none');
|
||||
setStyle($fullscreenOff, 'display', 'inline-flex');
|
||||
|
||||
@@ -9,6 +9,10 @@ export default function fullscreenMix(art) {
|
||||
} = art;
|
||||
|
||||
const nativeScreenfull = (art) => {
|
||||
screenfull.on('change', () => {
|
||||
art.emit('fullscreen', screenfull.isFullscreen);
|
||||
});
|
||||
|
||||
def(art, 'fullscreen', {
|
||||
get() {
|
||||
return screenfull.isFullscreen;
|
||||
@@ -21,7 +25,6 @@ export default function fullscreenMix(art) {
|
||||
await screenfull.request($player);
|
||||
addClass($player, 'art-fullscreen');
|
||||
art.emit('resize');
|
||||
art.emit('fullscreen', true);
|
||||
notice.show = '';
|
||||
} else {
|
||||
art.aspectRatioReset = true;
|
||||
@@ -29,7 +32,6 @@ export default function fullscreenMix(art) {
|
||||
await screenfull.exit();
|
||||
removeClass($player, 'art-fullscreen');
|
||||
art.emit('resize');
|
||||
art.emit('fullscreen', false);
|
||||
notice.show = '';
|
||||
}
|
||||
},
|
||||
|
||||
Reference in new issue
Block a user