iframe en pantalla completa

[chulifo]

Iniciado por andrinson

hola es que tengo un iframe en mi codigo de html y quiero que al presionar un boton quede en pantalla completa como en youtube
codigo html:
<iframe src=""></iframe>

Código Javascript:

fullscreen = function(e){
      if (e.webkitRequestFullScreen) {
        e.webkitRequestFullScreen();
      } else if(e.mozRequestFullScreen) {
        e.mozRequestFullScreen();
      }
  }
document.getElementById('botonparaactivar').onclick = function(){
    fullscreen(document.getElementById('iframe'));
}
 

Código HTML:

<iframe src="" id="iframe"></iframe>
 
<a href="#fullscreen" id="botonparaactivar">Pantalla Completa</a>