Autor Zpráva
tozi
Profil
Ahojte, ako na roztiahnutie (100% width, height) videa podľa rozlíšenia okna prehliadača?
<video id="Video1" class="bg-video" autoplay="autoplay" muted loop="loop" ><source src="demo.mp4" type="video/mp4" /><a href="demo.mp4">Download the video</a> file.</video>

Skúšal som css, aj tento script http://jsfiddle.net/RfV5C/ ale nejak to nefunguje.

Máte niekto nápad?
Chamurappi
Profil
Reaguji na toziho:
Jaký je problém v tom nastavit šířku a výšku normálně na 100%?
Jestli ti nejde nastavit procentuální výška, tak připomínám, že výšku musí mít nastavenou všechny nadřazené elementy.
tozi
Profil
To som už tiež skúšal. Problém je že pri zmene veľkosti okna zo stránkou sa video nenatiahne podľa rozlíšenia ale z hora a dola vykukne background.
Skúšam momentálne tento script ale tiež bez nejakého pokroku

<script type="text/javascript">
function velikost(){
 aspectRatio = 1;

if ( ($(window).width() / $(window).height()) < aspectRatio ) {
var vyska = $("#main-visual").height();
document.getElementById("Video1").style.height= vyska +"px ";
document.getElementById("Video1").style.width= vyska * 1.98333 +"px ";
}

}
</script>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: