Youtube Iframe no hay botón de pantalla completa

Question

Tal vez sea el viernes por la tarde, pero por alguna razón parezco incapaz de obtener un botón de pantalla completa para aparecer en mis videos de Youtube incrustados. Todo lo que estoy haciendo es copiar el código de acción, que se genera a partir de un vídeo de Youtube:

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0" frameborder="0" allowfullscreen></iframe> 

Así, por ejemplo, con el código http://jsfiddle.net/chricholson/v8sjL/ veo:

He encontrado algunos artículos que decían sobre la URL incorrecta /v/[code] en lugar de /embed/[code] pero copiando directamente de Youtube pensé que estaría a salvo.

Answer 1

Parece que necesitaba una serie de cambios, código final:

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0&fs=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>​ 

En primer lugar, la URL necesita &fs=1, esto activa el botón para mostrar. Además, se necesitan webkitallowfullscreen y mozallowfullscreen, indicando lo obvio que estos resuelven problemas específicos del navegador.

Una cosa interesante que encontré, a pesar de tener el código de trabajo, esta muestra NO funciona a través de jsfiddle, presumiblemente tiene algo que ver con estar dentro de un iframe. Ver http://jsfiddle.net/mrchris2013/v8sjL/5/ para lo que quiero decir.

Answer 2

La opción de pantalla completa volvió esperando que tuviera que eliminar &fs=1 al final del enlace.

<iframe width="1280" height="720" src="http://www.youtube.com/embed/doXntJaJ-nQ" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 

Answer 3

resuelto ...! si usted tiene un iframe (youtube) dentro de un iframe (jsFiddle) dentro de HTML principal que hay que definir

webkitallowfullscreen mozallowfullscreen allowfullscreen

tanto a los marcos flotantes con el fin de que funcione .....