ArtPlayer/packages/artplayer/src/events/clickInit.js

import { includeFromEvent, isMobile } from '../utils';

export default function clickInit(art, events) {
    const {
        constructor,
        template: { $player, $video },
    } = art;

    events.proxy(document, ['click', 'contextmenu'], (event) => {
        if (includeFromEvent(event, $player)) {
            art.isInput = event.target.tagName === 'INPUT';
            art.isFocus = true;
            art.emit('focus', event);
        } else {
            art.isInput = false;
            art.isFocus = false;
            art.emit('blur', event);
        }
    });

    let clickTime = 0;
    events.proxy($video, 'click', (event) => {
        const now = Date.now();
        const { MOBILE_CLICK_PLAY, DBCLICK_TIME, MOBILE_DBCLICK_PLAY, DBCLICK_FULLSCREEN } = constructor;

        if (now - clickTime <= DBCLICK_TIME) {
            art.emit('dblclick', event);

            if (isMobile) {
                if (!art.isLock && MOBILE_DBCLICK_PLAY) {
                    art.toggle();
                }
            } else {
                if (DBCLICK_FULLSCREEN) {
                    art.fullscreen = !art.fullscreen;
                }
            }
        } else {
            art.emit('click', event);

            if (isMobile) {
                if (!art.isLock && MOBILE_CLICK_PLAY) {
                    art.toggle();
                }
            } else {
                art.toggle();
            }
        }

        clickTime = now;
    });
}