Comment faire un iFrame pour passer en mode plein écran sur un clic sur un bouton?

Je voudrais mettre à l'iFrame pour apparaître sur plein ecran avec un clic de bouton à l'aide de JavaScript.

<iframe id="iframe_view" class="embed-responsive-item container well well-small span6" style="height: 720px; width: 1280px; background-color: #2e2e2e;" src="https://www.google.com/" frameborder="0" scrolling="no" allowfullscreen>

OriginalL'auteur ssk | 2015-11-17

  1. 11

    Vous aurez à faire deux choses: faire de la fenêtre en plein écran, puis le <iframe> pour remplir l'ensemble de la taille.

    Vous pouvez le faire passer en mode plein écran avec JS comme dans cette SORTE de réponse.

    Ensuite, pour faire le plein de la taille, il suffit d'ajouter quelques styles, comme ci-dessous. Ce que ce script JS n'est d'ajouter une classe avec ces styles à la <iframe>.

    JS

    document.getElementsByTagName("iframe")[0].className = "fullScreen";

    CSS

    body, html {
    height: 100%;
    margin: 0;
}
.fullScreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

    Voir cette partie de travail* exemple sur JSFiddle.

    *partiellement de travailler parce que JSFiddle ne permet pas le plein écran de la méthode, car il juge que c'est trop dangereux. Mais il doit travailler pour vous.

    merci pour l'exemple et la réponse. Il a été utile!
    Je suis content d'avoir aidé!

    OriginalL'auteur Jonathan Lam