Konwesja jQuery na JaveScript

Question

Witam czy mógłby ktoś pomóc i zamienić jQuery na JS bo niestety nie posiadam takich umiejętności a chciałbym wiedzieć jak działa dokładnie kod

Z góry dziękuje za pomoc :D

unction scaleToFill() {
    $('video.video-background').each(function(index, videoTag) {
       var $video = $(videoTag),
           videoRatio = videoTag.videoWidth / videoTag.videoHeight,
           tagRatio = $video.width() / $video.height(),
           val;

       if (videoRatio < tagRatio) {
           val = tagRatio / videoRatio * 1.02; <!-- size increased by 2% because value is not fine enough and sometimes leaves a couple of white pixels at the edges -->
       } else if (tagRatio < videoRatio) {
           val = videoRatio / tagRatio * 1.02;
       }

       $video.css('transform','scale(' + val  + ',' + val + ')');

    });    
}

$(function () {
    scaleToFill();

    $('.video-background').on('loadeddata', scaleToFill);

    $(window).resize(function() {
        scaleToFill();
    });
});

 

Answer 1

const scaleToFill = () => {
    for (const el of document.querySelectorAll('video.video-background')) {
        const videoRatio = el.videoWidth / el.videoHeight
        const tagRatio = parseInt(el.style.width) / parseInt(el.style.height)
        const val = ((videoRatio < tagRatio) ? (tagRatio / videoRatio) : (videoRatio / tagRatio)) * 1.02

        el.style.transform = `scale(${val},${val})`
}
}
 
(() => {
    scaleToFill();

    for (const el of document.getElementsByClassName('video-background'))
        el.addEventListener('loadeddata', scaleToFill);
 
    window.addEventListener('resize', scaleToFill);
})()