بسته به نوع مرورگری که از آن استفاده میکنیم، متدهای ارتباط با مرورگر نیز در این ایپیآی متفاوتند. به طور مثال، در فایرفاکس باید متدmozRequestFullScreen فراخوانی گردد اما این در حالی است که در مرورگرهای گوگل کروم و سافاری که مبتنی بر موتور رِندِرینگWebKit هستند باید متدwebkitRequestFullScreen را فرخوانی کرد.

بلوک زیر را میتوان به عنوان یک نمونهٔ کامل و اجرایی از این ایپیآی مد نظر قرار داد. کدهای زیر را میتوانید در فایلی با پسوند html. و با نامی دلخواه همچون index.html ذخیره نموده و آن را در مرورگر اجرا نمایید:

!DOCTYPE html
html
    head
        meta charset="utf-8"
        titleHTML5 Fullscreen API/title
    /head
    body
        button id="fs-btn"Go Fullscreen/button
		button id="exit-fs-btn"Exit Fullscreen/button
    /body
/html
script
    function requestFullscreen(element) {
        if (element.requestFullscreen) {
            element.requestFullscreen();
        } else if (element.webkitRequestFullscreen) {
            element.webkitRequestFullscreen();
        } else if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        } else if (element.msRequestFullscreen) {
            element.msRequestFullscreen();
        } else {
            console.log('Fullscreen API is not supported.');
        }
    };

    function exitFullscreen() {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        } else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        } else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        } else if (document.msExitFullscreen) {
            document.msExitFullscreen();
        } else {
            console.log('Fullscreen API is not supported.');
        }
    };

    var fsDocButton = document.getElementById('fs-btn');
    var fsExitDocButton = document.getElementById('exit-fs-btn');

    fsDocButton.addEventListener('click', function(e) {
        e.preventDefault();
        requestFullscreen(document.documentElement);
    });

    fsExitDocButton.addEventListener('click', function(e) {
        e.preventDefault();
        exitFullscreen();
    });
/script

همانطور که ملاحظه میشود، دو دکمه تحت عناوینGo Fullscreen وExit Fullscreen روی صفحه قرار گرفته که با کلیک روی دکمهٔ اول صفحهٔ مرورگر به صورت تمامصفحه (فولاسکرین) درخواهد و آمد و دکمهٔ دوم نیز ما را از این حالت خارج میسازد.