Howto: PhoneGap & Youtube (API)

Just a quick win... if your target is to show Youtube videos,  full screen, inside a PhoneGap mobile app... just use Youtube's HTML5 embedding possibilities in combination with PhoneGap's InAppBrowser:


var id = "hyZJtN6tl2n";
var ref = window.open('http://www.youtube.com/embed/'+id+'?html5=1', '_blank', 'location=yes');
By adding html5=1 Youtube should be forced to use the new HTML5 <video> tag instead of embedding the marginal, unsecure and old fashioned flash player plugin (which is also not available on Apple devices). For getting additional meta data, e.g. to display, download or build an own player, the GDATA API can be accessed:

http://gdata.youtube.com/feeds/api/videos/hyZJtN6tl2n?v=2&prettyprint=true&alt=jsonc

3 comments:

  1. amigo estoy utlisando esta manera ==> frame width="300" height="200" frameborder="0" src="http://www.youtube.com/embed/BdSjnkGFeLM" allowfullscreen> iframe>

    como deberia ponerla? saludos
    pelase contestame a mi correo andrescan_1000@hotmail.com

    ReplyDelete
  2. Buenas, estoy intentando que al hacer click sobre un link de video, este se reproduzca en la app de youtube siempre y cuando este instalada de lo contrario que lo abra en un popup, espero me puedan guiar, estoy novato en esto aquí mi email jesusdaredevil@gmail.com

    ReplyDelete
  3. ionic inappbrowser no abre youtube fullscreen!
    alguna idea para solucionarlo?
    grax

    ReplyDelete