Video de Background

[harusame]

Hola a todos, tengo una inquietud, de casualidad saben cual es el codigo que se usa para colocar un video como fondo de una web( con y sin JQuery)? como esta en esta web:

http://www.thestraw.it/

o esta

http://codecanyon.net/item/easy-video-background/full_screen_preview/1365012


Gracias de antemano por su atencion.

[flashmax]

por lo que vi en el codigo fuente Es un vídeo cargado al 100% con js y la segunda pagina es parecido pero lo carga en un iframe tambien con js

Código:

<!--BG Video-->
						<video id="video_background" poster="wp-content/themes/Starkers/video/video.jpg" width="100%" autoplay preload controls muted loop>						  
						   <source src="wp-content/themes/Starkers/video/che-poi-tanto-lo-sai-BW.webm" type='video/webm; codecs="vp8, vorbis"' />
						   <source src="wp-content/themes/Starkers/video/che-poi-tanto-lo-sai-BW.theora.ogv" type='video/ogg; codecs="theora, vorbis"' />
						   <source src="wp-content/themes/Starkers/video/che-poi-tanto-lo-sai-BW.mp4" />
						    <object width="100%" height="800" type="application/x-shockwave-flash"
						 
						          data="http://www.thestraw.it/wp-content/themes/Starkers/video/player.swf?image=wp-content/themes/Starkers/video/video.jpg&file=http://www.thestraw.it/wp-content/themes/Starkers/video/che-poi-tanto-lo-sai-BW.mp4">
						 
						          <param name="movie" value="http://www.thestraw.it/wp-content/themes/Starkers/video/player.swf?image=wp-content/themes/Starkers/video/video.jpg&file=http://www.thestraw.it/wp-content/themes/Starkers/video/che-poi-tanto-lo-sai-BW.mp4" />
						          <param name="wmode" value="opaque" />
						  
						      </object>
						  
						 </video>  
						 
						 <!--<script>
						   var v = document.getElementById("movie");
						   v.onclick = function() {
						     if (v.paused) {
						       v.play();
						     } else {
						       v.pause();
						     }
						   };
						 </script>
						   						<!--Control Buttons--*>
						<script>
						var video = document.getElementsByTagName('video')[0];
						var volumecontrol = document.getElementById('volumecontrol');
						video.onvolumechange = function(e) {
						  mutebutton.value = video.muted ? 'Muted' : 'Unmuted';
						  volumecontrol.value = video.volume;
						}
						function updateVolume() {
						  video.volume = volumecontrol.value;
						}
						var mutebutton = document.getElementById('mutebutton');
						video.onvolumechange = function(e) {
						  mutebutton.value = video.muted ? 'Muted' : 'Unmuted';
						}
						function muteOrUnmute() {
						  video.muted = !video.muted;
						}
						</script>
						<script>
						
						
						</script>
						
						<div class="videoButtons">
							<input class="mute" type="button" value="Unmuted" id="mutebutton" onclick="muteOrUnmute()">
							<input class="stop" type="button" value="Pause" onclick="video.pause()">
							<input class="play" type="button" value="Play" onclick="video.play()">
							<!--<input class="volume" type="range" max="1" step="any" id="volumecontrol" onchange="updateVolume()">--*>
						</div>-->

[ryugen]

Una opción que tienes si el video está subido en Youtube, es utilizar el plugin jQuery Tubular: http://www.seanmccambridge.com/tubular/

Que lo que hace es colocar un video de youtube de fondo de la página

[flashmax]

Iniciado por ryugen

Una opción que tienes si el video está subido en Youtube, es utilizar el plugin jQuery Tubular: [url]http://www.seanmccambridge.com/tubular/[/url]

Que lo que hace es colocar un video de youtube de fondo de la página

Buena info ,no lo conocía.

[harusame]

flashmax muchas gracias por tu respuesta creo este era el codigo que nesecitaba
voy a probarlo.

ryugen la opcion que me dices ya la habia contemplado pero no es un video que esta en youtube pero gracias por tu respuesta.

[cvander]

Este otro script está bastante de moda.

http://dfcb.github.com/BigVideo.js/