ArtPlayer/packages/artplayer/src/mask.js

import icons from './icons';
import { append, setStyle } from './utils';

export default class Mask {
    constructor(art) {
        this.art = art;
        const {
            option,
            template: { $mask },
        } = art;
        
        const $playBig = append($mask, '<div class="art-playBig"></div>');
        append($playBig, option.icons.playBig || icons.playBig);
    }

    show() {
        const { $mask } = this.art.template;
        setStyle($mask, 'display', 'flex');
        this.art.emit('mask:show', $mask);
    }

    hide() {
        const { $mask } = this.art.template;
        setStyle($mask, 'display', 'none');
        this.art.emit('mask:show', $mask);
    }
}