import { clamp, setStyle } from '../utils';

export default function attrInit(art) {
    const {
        option,
        storage,
        template: { $video, $poster },
    } = art;

    Object.keys(option.moreVideoAttr).forEach((key) => {
        art.attr(key, option.moreVideoAttr[key]);
    });

    if (option.muted) {
        art.muted = option.muted;
    }

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

    const volumeStorage = storage.get('volume');
    if (typeof volumeStorage === 'number') {
        $video.volume = clamp(volumeStorage, 0, 1);
    }

    if (option.poster) {
        setStyle($poster, 'backgroundImage', `url(${option.poster})`);
    }

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

    if (option.theme) {
        art.theme = option.theme;
    }

    if (option.ads.length === 0) {
        art.url = option.url;
    }
}