Iframe kodu tam ekran yapma

Merhaba dostlar, izin aldığım bir web sitesinden bazı bölümleri iframe ile alıyorum. Web sitem içerisinde gösterdiğim yazı içerisindeki bu alanı tam ekran yapabilmem için ne yapmam gerekiyor?
Örneğin Tam Ekran Yap butonu olacak ve buna basılınca bu iframe ile çalışan kısım tam ekran şeklinde açılacak. Birçok kaynağa baktım ancak bulamadım.

Takip +

Çalışan bir kod bırakıyorum. Kendinize göre düzeltirsiniz. https://stackoverflow.com/questions/...click/33768712

<iframe src="https://stackoverflow.com/"></iframe><br />
<button onclick="makeFullScreen()">Make Full Screen</button>

function requestFullScreen(element) {
    // Supports most browsers and their versions.
    var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen;

    if (requestMethod) { // Native full screen.
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}

function makeFullScreen() {
    document.getElementsByTagName("iframe")[0].className = "fullScreen";
    var elem = document.body;
    requestFullScreen(elem);
}

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

Çok teşekkür ederim, wordpress kullanıyorum. Javascript kodunu nereye eklemem gerekiyor acaba biliyor musunuz?

.js dosyası olarak upload edip WordPress'in include etmesini sağlayın.

Kolay gelsin.