<html> <head> <title>Video fond de page</title> <style> html body{ width:100%; height:100%; } #fond{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-1; overflow:hidden; } #vidfond { left: 0px; top: 0px; margin:0px; padding:0px; width:100%; height:100%; } </style> <script type="text/javascript"> function loopVideo(){ var video=document.getElementById('vidfond'); video.play(); } </script> </head> <body> <div id="fond"> <video id="vidfond" src="Springtime.ogv" preload="preload" autoplay="autoplay" loop="loop" onended="loopVideo()"></video> </div> <h1>Ceci est du contenu</h1> <h2>Ceci est du contenu</h2> <h3>Ceci est du contenu</h3> <ul> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> <li>Element de liste</li> </ul> </body> </html>
Télécharger le zip
Mvoui, mais où est le javascript là dedans ???
super avec un .flv en fond de page ça donne un peu de vie a une page un peu tristounette... mais ????? où est le javascript ?????
Il fût un temps ou il y en avait effectivement... mais je l'ai enlevé car je l'ai jugé inutile.Simplement :<script type="text/javascript">function getWindowSize(){if (document.body){var larg = (document.body.clientWidth);var haut = (document.body.clientHeight);} else{var larg = (window.innerWidth);var haut = (window.innerHeight);}var video=document.getElementById('vidfond');video.style.height=haut;video.style.width=larg;alert(haut+" - "+larg);}</script><body onload="getWindowSize()">Afin de récupérer la taille de la fenêtre de l'utilisateur et de redimensionner la vidéo en conséquence. Cependant étant donnée que les proportions de la vidéo sont toujours conservée, cela n'apporte pas grand chose, et le CSS le fait très bien aussi. Mais j'avoue que je n'ai pas trouvé de "zone" qui correspondait à mon code... je me suis dis que le plus proche était celui-ci...
tu doir pouvoir simuler l'attribut loop en associant l'evenement onended a une fonctionthis.play()
Très bonne idée kazma ! Je n'y avais même pas pensé...(--> honte). Voilà c'est ajouté.
OK Trés bien sous firefox,Mais ne fonctionne pas avec Internet Explorer 8 ...
ne fonctionne pas sur Firefox en Mac ... mais impec sur Safari .... en version 10.6 bien sur ...
Pour IE 8, c'est normal, il ne supporte pas l'HTML5, il faudra attendre IE9.Je vais voir pour FireFox sur Mac car il n'y a pas de raison que cela ne fonctionne pas...
esque sa suporte le stream du style ://screen//des truk comme sa ???
Je ne comprends pas trop la question.En principe tout ce que l'HTML5 et la balise <video> prennent en compte sont supportés.Un peu plus d'info : http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.htmlhttp://www.xul.fr/html5/video.php
marche pas 1/10 parce que je peu pa mettre zero
Boulet, c'est normal si tu utilise IE8 ! C'est du HTML 5, c'est pas supporté par IE 8.Vraiment nul comme commentaire !
va te fai*e fout*e!tu croi que je l'avai pa remarque,alors t*,t'est vraiment soulant comme boulet toi,tu peu parler,mais dans le genre troll,toi aussi t'est pas mal,la libertée d'expression ca existe...et pour ta gouverne,il y a plein de script sencés n'etre supportés que sur une ancienne version de ie mais qui marchent quand meme sur un autre browser,ou sur une nouvelle version de ie8 donc arrete de me souler,la j'ai pas le temp pour paler avec des gens comme toi...he oui,cette foi j'en ai marre des gens comme toi,alors oui,la je suis grossier et je m'enerve pour une foi!
Désolé d'avoir réagis à un commentaire que je trouve inapproprié parce qu'il est clairement indiqué que le script est basé sur du HTML5 qui est supporté par Gecko et Webkit mais pas sur l'ancien moteur d'IE. IE 9 supporte l'HTML 5 mais je l'ai pas testé.Pour le reste no comment.
excuse moi ct pa le moment...
Se souvenir du profil
Mot de passe oublié ? / Activation de compteCréer un compte
1 872 134 membres 199 nouveaux aujourd'hui 16 147 membres club