Diseño y Desarrollo Web

Diseño y desarrollo web orientado al Webmaster. Recursos y tecnologías correspondientes al ámbito: Flash, PHP, ASP, AS3, AS2, Javascript, HTML, CSS, Pearl, MySQL, instalación y configuración de portales CMS, scripts y más...

2,364 Miembros
704 Temas
565 Seguidores

Poner Video Youtube como Fondo - jQuery

Poner Video Youtube como Fondo - jQuery

Hola nuevamente, les dejo este pequeño tutorial (bajar el plugin desde la fuente), donde explica como usar el pluggin jQuery llamado tubular, para poner cualquier video de Youtube como fondo de un sitio web.

Cargar librería de jQuery




 <script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

Poner el llamado ANTES del cierre de la etiqueta body




  <script type="text/javascript" charset="utf-8" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>

Luego de tener las dos llamadas, cargar el plugin




<script type="text/javascript" charset="utf-8" src="js/jquery.tubular.js"></script>

Cargar el video, se utiliza la etiqueta body




$().ready(function() {

                $('body').tubular('someYTid','wrapper'); // where someYTid is the YouTube ID and wrapper is your containing DIV.

        });

Demo

Bajar