La plataforma Futudownloads está en desarrollo.

27 abr. 2012

Editar reproductor de YouTube

El reproductor de YouTube tiene varias formas de editarse, se le puede quitar la barra del reproductor, se le puede quitar la barra del titulo de arriba, se puede hacer que la barra de tiempo se desaparesca sola, se puede configurar en HD, https y otras opciones.

Insercion Nueva
<iframe width="560" height="315" src="http://www.youtube.com/embed/2cXDgFwE13g" frameborder="0" allowfullscreen></iframe>
Insercion Antigua
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?version=3&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
  • La parte indicada en azul es donde se puede editar el ancho del video width="600" .
  • La parte indicada en verde es donde se puede editar el alto del video height="330".
  • La parte de rojo es el enlace del video.

Contenido

Hacer Autohide
  • Para hacer que la barra se desaparesca sola así va la edicion.
  • hay que agregar autohide=1 al video despues de haber puesto & o ?
<iframe width="600" height="330" src="http://www.youtube.com/embed/2cXDgFwE13g?autohide=1" frameborder="0" allowfullscreen></iframe>
<object width="600" height="330"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?version=3&autohide=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?version=3&autohide=1&amp;hl=es_ES" type="application/x-shockwave-flash" width="600" height="330" allowscriptaccess="always" allowfullscreen="true"></embed></object>


Version Antigua de YouTube
  • Este solo sirve para el codigo de insercion antigua
  • Para indicar la nueva version el codigo antiguo tiene agregado version=3, para pasar a la version clasica de YouTube solo se elimina esa parte.
<object width="600" height="330"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?version=3&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?version=3&amp;hl=es_ES" type="application/x-shockwave-flash" width="600" height="330" allowscriptaccess="always" allowfullscreen="true"></embed></object>
  • Eliminado se vera así.
<object width="600" height="330"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?&amp;hl=es_ES" type="application/x-shockwave-flash" width="600" height="330" allowscriptaccess="always" allowfullscreen="true"></embed></object>


Eliminar Informacion encima
  • Este es para que el titulo que sale en el video en la parte superior no aparesca.
  • Solo hay que agregar showinfo=0 despues de agregar & o ?.
 <iframe width="560" height="315" src="http://www.youtube.com/embed/2cXDgFwE13g?showinfo=0" frameborder="0" allowfullscreen></iframe>
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?version=3&showinfo=0&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?version=3&showinfo=0&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>


Video Autoplay
  • Este es para aquellos que ponen videos que se autoreproducen como los de YouTube.
  • Solo hay que agregar autoplay=1 despues de agregar & o ?.
 <iframe width="560" height="315" src="http://www.youtube.com/embed/2cXDgFwE13g?autoplay=1" frameborder="0" allowfullscreen></iframe>
 <object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?version=3&autoplay=1&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?version=3&autoplay=1&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
Ver Ejemplo

Eliminar videos relacionados
  • Esto es para que cuando acabe el video no se vean  los videos relacionados.
  • solo hay que agregar rel=0 despues de agregar ? o &.
 <iframe width="560" height="315" src="http://www.youtube.com/embed/2cXDgFwE13g?rel=0" frameborder="0" allowfullscreen></iframe>
 <object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?version=3&rel=0&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?version=3&rel=0&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Borde y color (Solo para la version antigua)
  • Esto es para aquellos que quieren ponerle color a el borde que le pongan al video y color segundario de los controles.
  • Para el borde se agrega border=1 despues de agregar &.
  • Para el color del borde se agrega color1 despues de agregar &
  • Para el color segundario de los controles se agregar color2 despues de agregar & .
  • Para poner color se pone un color hexadecimal despues de color1 o color2 (#ffffff).
  • Para buscar colores Hexadecimales entra a  HTML COLOR CODES
<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/2cXDgFwE13g?border=1&color1#2546FF&color2=#ffffff&amp;hl=es_ES"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2cXDgFwE13g?border=1&color1=#2546FF&color2=#ffffff&amp;hl=es_ES" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>


Otros parametros del Reproductor de YouTube
  • showsearch=0: Elimina la barra de busqueda que sale al finalizar el video (Solo para la version antigua)
  • fmt=6: Para ver el Video en Calidad HQ (Solo para la version antigua)
  • loop=1: Para hacer que el video se reprodusca automaticamente al finalizar (Solo para la version antigua)
  • disablekb=1: Para desactivar los controles del reproductor en el teclado.
  • border=1: Para activar el borde alrededor del reproductor (Solo para la version antigua).