ArtPlayer/packages/artplayer/src/mobile.js

import config from './config';
import { clamp, getExt } from './utils';

export default class Mobile {
    constructor(art) {
        const {
            option,
            events: { proxy },
            template: { $video },
        } = art;

        config.video.events.forEach(eventName => {
            proxy($video, eventName, event => {
                art.emit(`video:${event.type}`, event);
            });
        });

        Object.keys(option.moreVideoAttr).forEach(key => {
            $video[key] = option.moreVideoAttr[key];
        });

        if (option.muted) {
            $video.muted = option.muted;
        }

        if (option.volume) {
            $video.volume = clamp(option.volume, 0, 1);
        }

        if (option.poster) {
            $video.poster = option.poster;
        }

        if (option.autoplay) {
            $video.autoplay = option.autoplay;
        }

        $video.controls = true;

        const typeName = option.type || getExt(option.url);
        const typeCallback = option.customType[typeName];
        if (typeName && typeCallback) {
            art.emit('beforeCustomType', typeName);
            typeCallback($video, option.url, art);
            art.emit('afterCustomType', typeName);
        } else {
            art.emit('beforeAttachUrl', option.url);
            $video.src = option.url;
            art.emit('afterAttachUrl', $video.src);
        }
    }
}