Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Rechercher dans le sujet :
Forum
» CSS et mise en forme, CSS3
» Bande(marge) entre le body et <video>
Auteur
parr
#
Citer
15 Posts
 bonjour,

J'ai installé une video en page d’accueil le soucis c'est qu'il y a une bande entre le body et la video, j'ai essayé les vertical aligne, margin à 0 mais rien n'y fait... Hors ligne, sur VLC aucune bande donc ca ne vient pas de l'encodage...

Voici le lien: Website

body,img,li,div,nav,header,footer,article,html,ul,div,img,p,h1,h2{
	padding:0;
	margin:0;
	
	
	
}
section{
	
	width:100%;
	height:100%;
	overflow:hidden;
	
}

header{
	
	margin-top:300px;
	text-align:center;
	height:80px;
	width:100%;
	
	
	
}


#video {
                position: fixed;
				 z-index: -1;
				 vertical-align:top;
				top: 0;
                left: 0;
                bottom: 0;
                right: 0;
				
                width:100%;
                height:100%;
				
}


<body>
<section>

<header>
<div id="logo"><a href="http://www.julienparrino.com/work" title=""><img id="logo" src="img/logo.png" alt=""></a></div>

	
</header>


<video id="video" preload="auto" autoplay="true" loop="loop" >


<source src="fond.ogg" type="video/ogg" />
<source src="fond.mp4" type="video/mp4" />
<source src="fond.webm" type="video/webm" />
</video>


</section>

</body>

Modifié par parr (09 Feb 2012 - 01:57)
http://www.julienparrino.com 
^
Kaelig
#
Citer
81 Posts
 C'est le ratio de ta vidéo qui veut ça.

Je te conseille ce plugin jQuery made in France qui se chargera d'étendre ta vidéo (en conservant ses proportions bien sûr).

https://github.com/Victa/HTML5-Background-Video
http://kaelig.fr 
^
Prévenir un modérateur
Répondre au sujet
Aller à