জাভাস্ক্রিপ্ট দিয়ে ফুলস্ক্রিন উইন্ডো তৈরি করা

জাভাস্ক্রিপ্ট ব্যবহার করে একটি ফুলস্ক্রিন উইন্ডো তৈরি করার কোড নিচে দেওয়া হলো −

উদাহরণ

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    button{       display: block;       padding:10px;       margin:10px;       background-color: rgb(81, 0, 128);       border:none;       color:white;    } </style> <body> <h1>জাভাস্ক্রিপ্ট দিয়ে ফুলস্ক্রিন উইন্ডো উদাহরণ</h1> <button class="openVideo";">ভিডিও ফুলস্ক্রিন মোডে খুলুন</button> <video width="500px" controls id="minimizedVideo"> <source src="https://www.videvo.net/videvo_files/converted/2015_04/preview/Ocean_Waves_slow_motion_videvo.mov44965.webm"> </video> <h2>উপরের বাটনে ক্লিক করলে ফুলস্ক্রিনে খুলবে</h2> <script>    document.querySelector('.openVideo').addEventListener('click',fullscreenVideo);    var elem = document.getElementById("minimizedVideo");    function fullscreenVideo() {       if (elem.requestFullscreen) {          elem.requestFullscreen();       }       else if (elem.mozRequestFullScreen) {          elem.mozRequestFullScreen();       }       else if (elem.webkitRequestFullscreen) {          elem.webkitRequestFullscreen();       }       else if (elem.msRequestFullscreen) {          elem.msRequestFullscreen();       }    } </script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুট দেবে −

“ভিডিও ফুলস্ক্রিন মোডে খুলুন” বাটনে ক্লিক করলে −