import enableInlineVideo from '../vendor/iphone-inline-video.es-modules';
import $ from "jquery";

const initVideo = () => {
    // enable video on desktop
    if ($(window).width() > 899) {
        const videos = document.querySelectorAll('video');
        videos.forEach((video) => {
            const source = video.querySelector('source');
            if (source && source.dataset.src) {
                source.setAttribute('src', source.dataset.src);
                video.load();
            }
        });
    } else {
        const videos = document.querySelectorAll('video');
        videos.forEach((video) => {
            video.setAttribute('poster', video.dataset.mobile);
        });
    }

    const video = document.querySelectorAll('video[autoplay]');

    if (!video.length) {
        return;
    }

    video.forEach((el) => {
        enableInlineVideo(el);
    });
};

export {initVideo};