window.onload = function fillVideo(){
const WIDE_VIEWPORT = 520;
const wideViewport = window.matchMedia(`(min-width: ${WIDE_VIEWPORT}px)`);
const MIN_DOWNLINK = 1;
function resizeVideo(wideViewport) {
let videos = document.querySelectorAll('[data-element="hero-video"]');
videos.forEach(videoEl => {
let src = videoEl.dataset.srcMobile;
let poster = videoEl.dataset.posterMobile;
if (wideViewport.matches) {
src = videoEl.dataset.srcDesktop;
poster = videoEl.dataset.posterDesktop;
}
let downlink = MIN_DOWNLINK;
try {
downlink = navigator.connection.downlink;
} catch (e) {
console.log(`Unable to determine downlink`);
}
if (videoEl.src !== src) {
if (downlink >= MIN_DOWNLINK) {
videoEl.src = src;
videoEl.poster = poster;
console.log(`Detected bandwidth (${downlink}Mbps) greater than threshold (${MIN_DOWNLINK}Mbps) - showing video`);
} else {
videoEl.poster = poster;
console.log(`Not showing video due to low bandwidth`);
}
}
});
}
wideViewport.addListener(resizeVideo);
resizeVideo(wideViewport);}
function toggleMute() {
var video=document.getElementById("video");
var mutebutton = document.getElementById("mute");
video.muted = !video.muted;
if(mutebutton.classList.contains("fa-volume-slash")){
mutebutton.classList.replace("fa-volume-slash", "fa-volume");
}
else{
mutebutton.classList.replace("fa-volume", "fa-volume-slash");
}
}
Ontdek de laatste nieuwtjes, laat je inspireren door onze projecten of lees meer over onze events in deze blogartikelen. Veel leesplezier!
COOKIES! De cookies die we gebruiken dienen om jouw ervaring op onze site te verbeteren en voor analytische en marketingdoeleinden zoals het personaliseren van advertenties. We plaatsen ze alleen wanneer jij toestemming geeft.
Cookie Policy