Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body, html{ width: 100%; height: 100%; } #backgroundVideo{ min-width: 100%; min-height: 100%; position: relative; top: Opx; }
CSS
Autoformát
CSS reset
Až na konci
function prepareBackground( ) { var VIDEO_ID = "hl8EK0R8tWY"; var ifrm = document.createElement("iframe"); ifrm.setAttribute("src", "https://www.youtube.com/embed/"+ VIDEO_ID +"?modestbranding=1&loop=1&autoplay=1&playlist=" + VIDEO_ID + "&modestbranding=1&disablekb=1&controls=0&showinfo=0&rel=0&fs=0"); ifrm.setAttribute("id", "backgroundVideo"); document.body.appendChild(ifrm); resizeVideo(); } function resizeVideo(){ var el = document.getElementById("backgroundVideo"); if( window.innerWidth/16 < window.innerHeight/9 ){ el.style.width = (window.innerHeight*16)/9 + "px"; el.style.height = "auto"; } else { el.style.height = (window.innerWidth*9)/16 + "px"; el.style.width = "auto"; } } window.onload = prepareBackground; window.onresize = resizeVideo;
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>