Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje23-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.
Mensaje23-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
Mensaje23-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


Ultima edición por design-pwg el Vie Dic 23, 2011 6:57 pm; editado 1 vez
Mensaje23-12-2011, 23:25 (UTC)    
Título del mensaje:

Oh genial, este aporte resolverá muchos problemas
______________
[img[/img:872askjd]
Mensaje23-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
Mensaje23-12-2011, 23:51 (UTC)    
Título del mensaje: Re: [Tutorial] Video de Youtube como musica de Fondo.

muy bueno!

----
saludos!!!
Mensaje24-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!
Mensaje24-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
Mensaje24-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

Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group