K2: Video Background

script.js

const html = '<div id="k2-background-video" class="bg-video"><video class="bg-video__content" autoplay muted loop><source src="https://github.com/dudelis/K2Devs/raw/master/k2-ui-features/k2-video-background/video.mp4" type="video/mp4"><source src="https://github.com/dudelis/K2Devs/raw/master/k2-ui-features/k2-video-background/video.webm" type="video/webm">Your browser is not supported</video></div>';

$('.runtime-content').prepend(html);

style.css

.bg-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    opacity: .40;
    overflow: hidden;
}

.bg-video__content {
    height: 100%;
    width: 100%;
    object-fit: cover;
}