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 ifrm = document.createElement("iframe"); ifrm.setAttribute("src", "https://www.youtube.com/embed/l1SUmfWN2NQ?modestbranding=1&loop=1&autoplay=1&playlist=l1SUmfWN2NQ&modestbranding=1&disablekb=1&controls=0&showinfo=0&rel=0&fs=0"); ifrm.setAttribute("id", "backgroundVideo"); document.body.appendChild(ifrm); } function resizeVideo(){ var el = document.getElementById("backgroundVideo"); if( window.innerWidth < window.innerHeight ){ el.style.width = (window.innerWidth/16)*9 + "px"; } else { el.style.height = (window.innerHeight/9)*16 + "px"; } } window.onload = prepareBackground; window.onresize = resizeVideo;
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>