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 onze realisaties

Laat je inspireren...

Onze projecten zijn doordacht ontwikkeld, passen vlekkeloos in de omgeving, hebben aandacht voor het natuurlijke landschap en houden rekening met moderne woon- en werkeisen. Je hoeft ons niet op ons woord te geloven, neem gerust een kijkje naar onze realisaties hieronder.

cookies
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