Autor |
Mensaje |
-

design-pwg
Semi-Experto
Ubicación: Argentina
|
23-12-2011, 22:40 (UTC) Título del mensaje: [Tutorial] Video de Youtube como musica de Fondo. |
|
|
Hola como estamos cerca de las fiestas he decidido compartir algo de mis conocimientos con ustedes y hacer como un regalito de navidad con todos ustedes
Usaremos el siguiente código:
Código: <object data="http://www.youtube.com/v/xxxxxxxx&autoplay=1 " style="width: 0px; height: 0px;" type="application/x-shockwave-flash">
<param value="http://www.youtube.com/v/xxxxxxxx&autoplay=1 " name="movie" /></object>
Les explicare para que sirve las 2 partes fundamentales del código, la primera parte que esta marcado en Rojo sirve para ocultar el vídeo, ya que están los valores width y height en 0 el vídeo estará oculto por así decirlo. La segunda parte que esta marcado en Azul sirve para que el vídeo se reproduzca solo, ya que el valor esta en 1 se reproducirá solo y si el valor esta en 0 no se reproducirá automáticamente.
Cita: <object data="http://www.youtube.com/v/xxxxxxxx&autoplay=1 " style="width: 0px; height: 0px;" type="application/x-shockwave-flash">
<param value="http://www.youtube.com/v/xxxxxxxx&autoplay=1 " name="movie" /></object>
Bueno, ahora lo mas importante es remplazar las xxxxxxxx con la terminacion del video de youtube por ejemplo este video:
https://www.youtube.com/watch?v=sy2q6IB6KCY
Lo que tenemos que sacar es la ultima parte luego de v=, en este caso nos quedara sy2q6IB6KCY y lo remplazamos en el codigo que les he dado anteriormente quedándonos de la siguiente manera:
Código: <object data="http://www.youtube.com/v/sy2q6IB6KCY&autoplay=1 " style="width: 0px; height: 0px;" type="application/x-shockwave-flash">
<param value="http://www.youtube.com/v/sy2q6IB6KCY&autoplay=1 " name="movie" /></object>
Pueden ver un ejemplo temporal ingresando a mi website:
http://design-pwg.es.tl/ (EN EL INTRO)
Dudas y consultas comentar aqui abajo.
Saludos!
Moderador Design-PWG.______________
10 años ayudando a PWG.
 Soporte PWG: ayuda@paginawebgratis.es
 Reportes: support-es@webme.com |
|
↑
|
|
 |
-

donkey-kong-country
Junior
|
23-12-2011, 22:47 (UTC) Título del mensaje: |
|
|
Que genial idea, entre a tu web, y vi que se ha escuchado musica de youtube sin el cuadro.
Lo voy a hacer yo tambien por que me gusto esto.
Saludos______________
Nuevo Foro Interno: http://donkey-kong-country.es.tl/Foro/index.htm |
|
↑
|
|
 |
-

design-pwg
Semi-Experto
Ubicación: Argentina
|
23-12-2011, 22:57 (UTC) Título del mensaje: |
|
|
donkey-kong-country escribió: Que genial idea, entre a tu web, y vi que se ha escuchado musica de youtube sin el cuadro.
Lo voy a hacer yo tambien por que me gusto esto.
Saludos
Es una buena opción ya que muchos a la hora de poner el extra música de fondo tienen problemas o no saben como obtener la url de la música con terminación .mp3.
Incluso yo he puesto en mi web el mismo ejemplo que he puesto en este tutorial.
Saludos!
Feliz Navidad y Prospero año Nuevo  ______________
10 años ayudando a PWG.
 Soporte PWG: ayuda@paginawebgratis.es
 Reportes: support-es@webme.com
Ultima edición por design-pwg el Vie Dic 23, 2011 6:57 pm; editado 1 vez
|
|
↑
|
|
 |
-

allpwg
Junior
|
23-12-2011, 23:25 (UTC) Título del mensaje: |
|
|
Oh genial, este aporte resolverá muchos problemas ______________ [img[/img:872askjd] |
|
↑
|
|
 |
-

brianpwg
Semi-Experto
|
23-12-2011, 23:35 (UTC) Título del mensaje: |
|
|
La magia lo hace esto:
Cita: "width: 0px; height: 0px
Si le ponemos:
Cita: "width: 1px; height: 1px
Lo visualizara.
Esta genial design.
Felices fiestas amigo! ______________ Es una reina, es una reina, fiesta fiesta. Tito el bambino |
|
↑
|
|
 |
-

picaneable
Nuevo
|
23-12-2011, 23:51 (UTC) Título del mensaje: Re: [Tutorial] Video de Youtube como musica de Fondo. |
|
|
muy bueno!
----
saludos!!! |
|
↑
|
|
 |
-

design-pwg
Semi-Experto
Ubicación: Argentina
|
24-12-2011, 00:22 (UTC) Título del mensaje: |
|
|
brianpwg escribió: La magia lo hace esto:
Cita: "width: 0px; height: 0px
Si le ponemos:
Cita: "width: 1px; height: 1px
Lo visualizara.
Esta genial design.
Felices fiestas amigo!
Claro, también el autoplay ya que si ocultas el vídeo no se reproducirá automáticamente
Saludos! ______________
10 años ayudando a PWG.
 Soporte PWG: ayuda@paginawebgratis.es
 Reportes: support-es@webme.com |
|
↑
|
|
 |
-

supermarioworldsnes
Semi-Experto
|
24-12-2011, 11:16 (UTC) Título del mensaje: |
|
|
Buen Truco, no sabia que se podia hacer eso
Saludos
S.M.W - S.N.E.S______________
Super Mario la lleva, es lo mejor en Videojuegos, se los recomiendo |
|
↑
|
|
 |
-

m3sg
Semi-Experto
|
24-12-2011, 18:38 (UTC) Título del mensaje: Re: [Tutorial] Video de Youtube como musica de Fondo. |
|
|
ya lo vi a este tutorial en google creo,igual esta bueno :D
 |
|
↑
|
|
 |
|