কম্পিউটার

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


জাভাস্ক্রিপ্ট দিয়ে একটি পূর্ণস্ক্রীন উইন্ডো তৈরি করতে, কোডটি নিম্নরূপ -

উদাহরণ

<!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>Fullscreen Window with JavaScript Example</h1>
<button class="openVideo";">Open Video in Fullscreen Mode</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>Click on the above button to open it in fullscreen</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>

আউটপুট

উপরের কোডটি নিম্নলিখিত আউটপুট −

তৈরি করবে

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

"ফুলস্ক্রিন মোডে ভিডিও খুলুন" বোতামে ক্লিক করলে -

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


  1. আমি কিভাবে জাভাস্ক্রিপ্ট দিয়ে আমার ওয়েব পৃষ্ঠা পুনঃনির্দেশ করব?

  2. কিভাবে জাভাস্ক্রিপ্ট দিয়ে একটি স্বয়ংসম্পূর্ণ তৈরি করবেন?

  3. কিভাবে জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করবেন?

  4. জাভাস্ক্রিপ্টের সাথে একটি অ্যানিমেটেড প্রভাব তৈরি করতে আইকনগুলি কীভাবে ব্যবহার করবেন?