Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: basickdagger en 28 Febrero 2013, 01:41 am



Título: Videos Youtube API
Publicado por: basickdagger en 28 Febrero 2013, 01:41 am
bueno quiero insertar un video de youtube en mi web, pero quiero cambiar algunas propiedades como reproducir al cargar, o parar la reproduccion en el click de alguna imagen, o con algun evento, el problema es q ya intente, leí un poco en el api de youtube

https://developers.google.com/youtube/youtube_player_demo?hl=es-ES

veo el ejemplo todo bonito y funcional, pero no consigo entender algunos puntos, o donde llamar los parametros para poder manejar el video con mis condiciones, no se si alguien ya este metido o sepa un poco sobre esto, especificamente me interesa como detener un video, o reproducir cuando cargue la pagina... apoyandome de javascript pueda cambiar esos parametros cuando me plazca, muchas gracias desde ya...


Título: Re: Videos Youtube API
Publicado por: #!drvy en 28 Febrero 2013, 02:50 am
Hola,

Primero, tienes que incluir la API.
Código
  1. <script type="text/javascript" src="http://www.youtube.com/player_api"></script>

Luego, crear un objecto cuando se cargue la función onYouTubePlayerAPIReady()
Código
  1. <script type="text/javascript">
  2. /* Esta función la llama la API una vez este cargada ..
  3.  * La variable "reproductor", se convertirá en global
  4.  * y podrás utilizarla donde quieras =)
  5.  */
  6. function onYouTubePlayerAPIReady() {
  7.   /* Declaramos, el ID del iframe */
  8.   reproductor = new YT.Player('ytplayer');
  9. }
  10. </script>

Añades el IFRAME
Código
  1. <iframe id="ytplayer" type="text/html" width="640" height="360"
  2. src="https://www.youtube.com/embed/ffmnlUL8hOk?autoplay=1"
  3. frameborder="0" allowfullscreen></iframe>

* El autoplay=1 del src, es para que se reproduzca automáticamente al cargarse.

Y luego, los botones de control =)
Código
  1. <div>
  2. <input type="button" onclick="reproductor.playVideo();" value="Reproducir video" />
  3. <input type="button" onclick="reproductor.pauseVideo();" value="Pausar video" />
  4. </div>

Saludos


Título: Re: Videos Youtube API
Publicado por: basickdagger en 28 Febrero 2013, 06:59 am
muchas gracias lo probare y te dire q tal me fue