জাভাস্ক্রিপ্ট দিয়ে কীভাবে উইন্ডোটির পূর্ণ পর্দা তৈরি করা যায় (পুরো পর্দায় প্রসারিত)

253

আমি কীভাবে কোনও দর্শকের ব্রাউজারটিকে জাভাস্ক্রিপ্ট ব্যবহার করে পুরো স্ক্রিনে যেতে পারি, এমন এক উপায়ে যা আইআই, ফায়ারফক্স এবং অপেরার সাথে কাজ করে?

javascript  fullscreen 
— user63898
সূত্র
29
এর অভ্যন্তরীণ প্রয়োগ জনসাধারণের জন্য নয়। আমি কোনও
— এককেই গালি দিচ্ছি না
2
আপনি, ব্যবহারিকভাবে, ব্যবহারকারীকে জিজ্ঞাসা করতে পারেন:sprintf('Dear user, the best experience with this site is in fullscreen mode. To view this site full screen, press %s.', _get_browsers_full_Screen_key())
— বোল্ডউইন
6
ইউটিউব ফুলস্ক্রিন কীভাবে কাজ করে তা জানতে আগ্রহী। উত্তর কি কেউ জানে?
— কস্তুরি
6
এটি ফ্ল্যাশ প্লেয়ার দ্বারা করা হয়েছে ব্রাউজারটি নয়
— ব্যবহারকারী 63898
5
শিল্পের ওভারভিউয়ের
— লুমি

উত্তর:

54

এটি আপনি জাভাস্ক্রিপ্টে পুরো স্ক্রিনে উঠার মতোই কাছাকাছি:

<script type="text/javascript">
    window.onload = maxWindow;

    function maxWindow() {
        window.moveTo(0, 0);

        if (document.all) {
            top.window.resizeTo(screen.availWidth, screen.availHeight);
        }

        else if (document.layers || document.getElementById) {
            if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
                top.window.outerHeight = screen.availHeight;
                top.window.outerWidth = screen.availWidth;
            }
        }
    }
</script>
— শৈল ডলগিন
সূত্র
হাইম এভিগি লিঙ্কে থাকা লিঙ্কটিতে / গৃহীত উত্তরটি দেখুন ... আপনি ব্রাউজারটির আকার পরিবর্তন করতে সক্ষম হবেন বলে মনে করা হচ্ছে না। তবে আপনি ব্রাউজার উইন্ডোতে সর্বাধিকতর করতে পারেন (আমি এটি কীভাবে পড়ি)
— লেেক্সু
4
বিকল্পগুলিতে আপনার জাভাস্ক্রিপ্ট অনুমতি সেটিংসের উপর নির্ভর করে। আপনি উইন্ডো বৈশিষ্ট্যগুলির উপর জেএস নিয়ন্ত্রণ নিয়ন্ত্রণ করতে পারেন।
— 13.02
3
এটি সর্বশেষে হয়েছিল যখন কোনও সাইট এর মতো কোড ব্যবহার করেছিল এবং আমি এটি ব্লক করিনি: dorward.me.uk/tmp/fullscreen.jpeg
— কোয়ান্টিন
2
WebKit-পর্দা জুড়ে প্রদর্শন এপিআই কটাক্ষপাত: bleeding-edge-tlv.appspot.com/#28 (# gdd2011 থেকে)
— খ্রিস্টান Kuetbach
17
এই পুরানো। সমাধানের জন্য নীচে দেখুন!
— কেভন
281

ক্রোম 15, ফায়ারফক্স 10, সাফারি 5.1, আইই 10 এর মতো নতুন ব্রাউজারগুলিতে এটি সম্ভব। পুরানো আই এর পক্ষে তাদের ব্রাউজারের সেটিংসের উপর নির্ভর করে অ্যাক্টিভএক্সের মাধ্যমে এটিও সম্ভব।

এটি কীভাবে করবেন তা এখানে:

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}");
        }
    }
}

var elem = document.body; // Make the body go full screen.
requestFullScreen(elem);

ব্যবহারকারীর স্পষ্টতই প্রথমে পূর্ণস্ক্রিন অনুরোধ গ্রহণ করতে হবে এবং পেজলোডে স্বয়ংক্রিয়ভাবে এটি ট্রিগার করা সম্ভব নয়, এটি কোনও ব্যবহারকারী দ্বারা ট্রিগার করা প্রয়োজন (যেমন, একটি বোতাম)

আরও পড়ুন: https://developer.mozilla.org/en/DOM/Using_ful-screen_mode

— মিনার
সূত্র
3
বর্তমানে ক্রোম 15, ফায়ারফক্স 10 এবং সাফারি 5.1 এ উপলব্ধ। খেলার বর্তমান অবস্থা সম্পর্কে বিশদ জানতে এই হ্যাকস.মোজিলা.আরোগ ব্লগ পোস্টটি দেখুন ।
— সাইমন লাইশকে
10
চমত্কার, পূর্ণ পর্দা থেকে বেরিয়ে আসার কোনও উপায়?
— ক্রিস্টোফার চেজ
2
কিছু জিনিস. আইইতে এটি স্পষ্টতই উপাদান এবং পূর্ণ পর্দা সবকিছু উপেক্ষা করবে। আপনি যদি পুরো স্ক্রিনটিতে যেতে চান তবে এতে যা কিছু পাস document.documentElementহবে তা নিশ্চিত করবে যে আপনি সঠিক মূল উপাদানটি পেয়ে যাবেন ('এইচটিএমএল' বা 'বডি')। এবং ব্যবহারটি cancelFullscreen()এটি বন্ধ করতে ব্যবহার করতে পারে (বা IE এর জন্য আবার 'F11' প্রেরণ করুন)।
— ম্যাথু উইলকক্সসন
6
এটি কেবল ব্যবহারকারী দ্বারা ট্রিগার করা যেতে পারে (উদাহরণস্বরূপ একটি ফুলস্ক্রিন বোতামের মাধ্যমে)। অনলোডের সময় স্বয়ংক্রিয় পূর্ণস্ক্রিন সম্ভব নয়।
— এ। কেআর
3
আই ই জন্য বানান ভুল, msRequestFullScreen হওয়া উচিত ডক্স হিসেবে msdn.microsoft.com/en-us/library/ie/dn265028(v=vs.85).aspx
— DanielB
66

এই কোডটিতে কীভাবে ইন্টারনেট এক্সপ্লোরার 9 এর জন্য পূর্ণ স্ক্রিন সক্ষম করা যায় এবং সম্ভবত পুরানো সংস্করণগুলি পাশাপাশি গুগল ক্রোমের খুব সাম্প্রতিক সংস্করণগুলিও অন্তর্ভুক্ত রয়েছে। গৃহীত উত্তরটি অন্যান্য ব্রাউজারগুলির জন্যও ব্যবহৃত হতে পারে।

var el = document.documentElement
    , rfs = // for newer Webkit and Firefox
           el.requestFullscreen
        || el.webkitRequestFullScreen
        || el.mozRequestFullScreen
        || el.msRequestFullscreen
;
if(typeof rfs!="undefined" && rfs){
  rfs.call(el);
} else if(typeof window.ActiveXObject!="undefined"){
  // for Internet Explorer
  var wscript = new ActiveXObject("WScript.Shell");
  if (wscript!=null) {
     wscript.SendKeys("{F11}");
  }
}

সূত্র:

— পিটার ও।
সূত্র
উপরের IE 8, এফএফ 10 উপরের কাজ করে (এফএফ 9 এ চেষ্টা করা হয়েছে, এটি কাজ করে না), ক্রোম 18-এ পরীক্ষা করা হয়েছে
— ট্রেবি
@ পিটার ওকে "কোনও ইভেন্ট হ্যান্ডলারের মধ্যে রাখা উচিত", এটি কীভাবে লোড ট্রিগার করতে পারে?
— ফ্রান্সিস পি
@ ফ্রানিসিসপি: না; "লোড" বা "ডোমকন্টেন্টলয়েড" কোনওটিই ফুলস্ক্রিন এপিআইয়ের জন্য প্রযোজ্য ইউআইইভেন্ট বা মাউসএভেন্ট নয়।
— পিটার ও।
2
"(নোট, তবে, এই অনুরোধফুলস্ক্রিন" কেবল "" [এম]] অস্ট ইউআইইভেনস এবং মাউস এজেন্টস, যেমন ক্লিক এবং কীডাউন ইত্যাদির সময় কাজ করে "" এর জন্য ধন্যবাদ, তাই এটি
হ্যাঁ আমার documentElementচেয়ে ভাল body।
— ম্যাট
24

পূর্ণ স্ক্রিন মোডে প্রবেশ এবং আউট আসার জন্য এখানে একটি সম্পূর্ণ সমাধান রয়েছে (ওরফে বাতিল, প্রস্থান, অব্যাহতি)

        function cancelFullScreen(el) {
            var requestMethod = el.cancelFullScreen||el.webkitCancelFullScreen||el.mozCancelFullScreen||el.exitFullscreen;
            if (requestMethod) { // cancel full screen.
                requestMethod.call(el);
            } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
                var wscript = new ActiveXObject("WScript.Shell");
                if (wscript !== null) {
                    wscript.SendKeys("{F11}");
                }
            }
        }

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

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

        function toggleFull() {
            var elem = document.body; // Make the body go full screen.
            var isInFullScreen = (document.fullScreenElement && document.fullScreenElement !== null) ||  (document.mozFullScreen || document.webkitIsFullScreen);

            if (isInFullScreen) {
                cancelFullScreen(document);
            } else {
                requestFullScreen(elem);
            }
            return false;
        }
— মাইক নেলসন
সূত্র
1
কি হবে msIsFullScreen?
— কঙ্গাক্স
1
জল্পনা বদলেছে। webkitCancelFullScreenএখন webkitExitFullscreen। উত্পন্নকন্ট.অর্গ / পোস্ট
— ডগ এস
এই যৌক্তিক এবং অপারেশনের প্রথম অংশটি document.fullScreenElement && document.fullScreenElement !== null
— রিডান্টান্ট
পরিবর্তন elemমধ্যে toggleFull()থেকে document.bodyথেকে document.documentElementফিক্স করতে বাম এবং ডান মার্জিন ইস্যু
— Firnas
11

আপনি পূর্ণস্ক্রিন এপিআই ব্যবহার করতে পারেন আপনি এখানে একটি উদাহরণ দেখতে পারেন

পূর্ণস্ক্রিন এপিআই ওয়েব সামগ্রীর ব্যবহারকারীর পুরো স্ক্রিন ব্যবহার করে উপস্থাপনের জন্য একটি সহজ উপায় সরবরাহ করে। এই নিবন্ধটি এই এপিআই ব্যবহার সম্পর্কে তথ্য সরবরাহ করে।

— সাবাস্তিয়ান জিক্কেল
সূত্র
8

নতুন এইচটিএমএল 5 প্রযুক্তি - পূর্ণস্ক্রিন এপিআই আমাদের ওয়েবপৃষ্ঠার সামগ্রীটি পূর্ণ-স্ক্রিন মোডে উপস্থাপনের একটি সহজ উপায় দেয়। আমরা আপনাকে পূর্ণস্ক্রিন মোড সম্পর্কে বিস্তারিত তথ্য দিতে চলেছি। ফুল-স্ক্রিন ফটো অ্যালবাম, ভিডিও এবং গেমস - এই প্রযুক্তিটি ব্যবহার করে আপনি যে সমস্ত সম্ভাব্য সুবিধা পেতে পারেন সে সম্পর্কে কেবল কল্পনা করার চেষ্টা করুন।

তবে আমরা এই নতুন প্রযুক্তিটি বর্ণনা করার আগে, আমি নোট করতে হবে যে এই প্রযুক্তিটি পরীক্ষামূলক, এবং সমস্ত বড় ব্রাউজার দ্বারা সমর্থিত ।

আপনি এখানে টিউটোরিয়ালটি এখানে পেতে পারেন: http://www.css-jquery-design.com/2013/11/javascript-jquery-fulscreen-browser-window-html5-technology/

এখানে ডেমো কাজ করছে: http://demo.web3designs.com/javascript-jquery-fullscreen-browser-window-html5-technology.htm

— ধীরাজ
সূত্র
1
@ ইয়ান এটি আই প্রান্তে কাজ করছে। IE এর পুরানো সংস্করণ এটি সমর্থন করছে না।
— ধিরাজ
8

আমি এটি ব্যবহার করেছি ...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
    <script language="JavaScript">
        function fullScreen(theURL) {
            window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');
        }
        // End -->
    </script>
</head>

<body>
    <h1 style="text-align: center;">
        Open In Full Screen
    </h1>
    <div style="text-align: center;"><br>
        <a href="javascript:void(0);" onclick="fullScreen('http://google.com');">
            Open Full Screen Window
        </a>
    </div>
</body>

</html>
— জেরি রাদারফোর্ড
সূত্র
উইন্ডো.ওপেন (the URL, '', 'ফুলস্ক্রিন = হ্যাঁ', 'স্ক্রোলবারস = অটো'); এই লাইনে একটি প্যারেন্সের সমস্যা রয়েছে
— কেভিন বোয়ারক্সক্স
যদিও এটি পিতামাতার কাছ থেকে। উইন্ডোটি ইতিমধ্যে খোলা থাকলে সহায়ক নয়।
— খ্রিস্টান
7

এর সাধারণ উদাহরণ: http://www.longtailvideo.com/blog/26517/ using-the-browser-new-html5-fullscreen-capables /

<script type="text/javascript">
  function goFullscreen(id) {
    // Get the element that we want to take into fullscreen mode
    var element = document.getElementById(id);

    // These function will not exist in the browsers that don't support fullscreen mode yet, 
    // so we'll have to check to see if they're available before calling them.

    if (element.mozRequestFullScreen) {
      // This is how to go into fullscren mode in Firefox
      // Note the "moz" prefix, which is short for Mozilla.
      element.mozRequestFullScreen();
    } else if (element.webkitRequestFullScreen) {
      // This is how to go into fullscreen mode in Chrome and Safari
      // Both of those browsers are based on the Webkit project, hence the same prefix.
      element.webkitRequestFullScreen();
   }
   // Hooray, now we're in fullscreen mode!
  }
</script>

<img class="video_player" src="image.jpg" id="player"></img>
<button onclick="goFullscreen('player'); return false">Click Me To Go Fullscreen! (For real)</button>
— জ্যাকব
সূত্র
6

ফাংশন তৈরি করুন 

function toggleFullScreen() {

            if ((document.fullScreenElement && document.fullScreenElement !== null) ||
                    (!document.mozFullScreen && !document.webkitIsFullScreen)) {
             $scope.topMenuData.showSmall = true;
                if (document.documentElement.requestFullScreen) {
                    document.documentElement.requestFullScreen();
                } else if (document.documentElement.mozRequestFullScreen) {
                    document.documentElement.mozRequestFullScreen();
                } else if (document.documentElement.webkitRequestFullScreen) {
                    document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
                }
            } else {

                  $scope.topMenuData.showSmall = false;
                if (document.cancelFullScreen) {
                    document.cancelFullScreen();
                } else if (document.mozCancelFullScreen) {
                    document.mozCancelFullScreen();
                } else if (document.webkitCancelFullScreen) {
                    document.webkitCancelFullScreen();
                }
            }
        }

এইচটিএমএল পুতে কোড পছন্দ করুন 

<ul class="unstyled-list fg-white">

            <li class="place-right" data-ng-if="!topMenuData.showSmall" data-ng-click="toggleFullScreen()">Full Screen</li>
            <li class="place-right" data-ng-if="topMenuData.showSmall" data-ng-click="toggleFullScreen()">Back</li>
        </ul>
— দীক্ষিত
সূত্র
যদি বিবৃতি আইই 11-তে পূর্ণ পর্দা মোডে এটি সনাক্ত না করে (তাই বন্ধ হয় না)।
— ইয়ান
3

এখন পুরো স্ক্রিনের এপিআইগুলি আরও ব্যাপক আকারে পরিপক্ক হয়ে উঠছে বলে মনে হচ্ছে, কেন স্ক্রিনফুল.জেএস চেষ্টা করবেন না ? গতকাল আমি প্রথমবার এটি ব্যবহার করেছি এবং আজ আমাদের অ্যাপ্লিকেশনটি (প্রায়) সমস্ত ব্রাউজারে সত্যই পূর্ণ পর্দায় যায়!

:fullscreenসিএসএসে সিউডো-ক্লাসের সাথে এটি যুগল করতে ভুলবেন না । আরও তথ্যের জন্য https://www.sitepoint.com/use-html5-full-screen-api/ দেখুন।

— simonhamp
সূত্র
আশ্চর্যজনক ছোট স্ক্রিপ্ট এটি এখন আমার ওয়েবসাইটে www.StarCommanderOnline.com এ ব্যবহার করা। ধন্যবাদ!
— অ্যান্ডি
3

ভাগ্যক্রমে অনর্থক ওয়েব ব্যবহারকারীদের জন্য এটি কেবল জাভাস্ক্রিপ্টের সাহায্যে করা যায় না। আপনার ব্রাউজারের নির্দিষ্ট প্লাগইনগুলি লিখতে হবে, যদি সেগুলি ইতিমধ্যে উপস্থিত না থাকে এবং তারপরে লোকেরা সেগুলি ডাউনলোড করতে পারে। আপনি যে নিকটতমটি পেতে পারেন এটি কোনও সরঞ্জাম বা নেভিগেশন বার সহ একটি সর্বোচ্চ উইন্ডো তবে ব্যবহারকারীরা এখনও ইউআরএল দেখতে সক্ষম হবেন।

window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">

এটি সাধারণত খারাপ অনুশীলন হিসাবে বিবেচিত হয় যদিও এটি ব্যবহারকারীর কাছ থেকে প্রচুর ব্রাউজার কার্যকারিতা সরিয়ে দেয়।

— একটি বার্প পোপ
সূত্র
3

ব্যবহার করে দেখুন screenfull.js । এটি একটি দুর্দান্ত ক্রস-ব্রাউজার সমাধান যা অপেরা ব্রাউজারের জন্যও কাজ করা উচিত।

জাভাস্ক্রিপ্ট ফুলস্ক্রিন এপিআই-এর ক্রস ব্রাউজার ব্যবহারের জন্য সাধারণ মোড়ক, যা আপনাকে পৃষ্ঠা বা কোনও উপাদানকে পুরো স্ক্রিনে আনতে দেয়। ব্রাউজার প্রয়োগের পার্থক্যগুলি স্মুথ করে তোলে, তাই আপনার দরকার নেই।

ডেমো ।

— হাসান আহমেদ
সূত্র
2

এটি সমর্থন করতে পারে 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="PRODUCTION_Default5" %>

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
            function max()
            {
               window.open("", "_self", "fullscreen=yes, scrollbars=auto"); 
            }
        </script>
    </head>
    <body onload="max()">
        <form id="form1" runat="server">
        <div>
        This is Test Page
        </div>
        </form>
    </body>
    </html>
— শ্রীনিবাসন
সূত্র
2

আপনি কি চেষ্টা করে দেখবেন:

<script type="text/javascript">
    function go_full_screen(){
      var elem = document.documentElement;
      if (elem.requestFullscreen) {
        elem.requestFullscreen();
      } else if (elem.msRequestFullscreen) {
        elem.msRequestFullscreen();
      } else if (elem.mozRequestFullScreen) {
        elem.mozRequestFullScreen();
      } else if (elem.webkitRequestFullscreen) {
        elem.webkitRequestFullscreen();
      }
    }
</script>

<a href="#" onClick="go_full_screen();">Full Screen / Compress Screen</a>
স্নিপেট প্রসারিত করুন

— সান্টোস এল ভিক্টর
সূত্র
উবুন্টুতে ক্রোম 76 এ আমার জন্য ব্যর্থ বলে মনে হচ্ছে
— জোনাথন
1

এই স্ক্রিপ্ট চেষ্টা করুন

<script language="JavaScript">
function fullScreen(theURL) {
window.open(theURL, '', 'fullscreen=yes, scrollbars=auto' );
}
</script>

স্ক্রিপ্ট থেকে কল করার জন্য এই কোডটি ব্যবহার করুন,

window.fullScreen('fullscreen.jsp');

বা হাইপারলিঙ্ক সহ এটি ব্যবহার করুন

<a href="javascript:void(0);" onclick="fullScreen('fullscreen.jsp');"> 
Open in Full Screen Window</a>
— সারিন জেএস
সূত্র
1

ফায়ারফক্স 10-এ, আপনি এই পৃষ্ঠাটি জাভাস্ক্রিপ্ট ব্যবহার করে বর্তমান পৃষ্ঠাটিকে পূর্ণস্ক্রিনে (উইন্ডো ক্রোমযুক্ত আসল ফুলস্ক্রিন) করতে পারবেন:

window.fullScreen = true;
— Leopd
সূত্র
1
"অনুমিত" শব্দটি সফটওয়্যারটিতে এত বেশি বোঝা। কিছু ব্রাউজারে এটি কেবল পঠনযোগ্য। ফায়ারফক্স 10 আপনাকে এটি সেট করতে দেয়।
— লিওপড
1

এটি পুরো পর্দায় আপনার উইন্ডোটি দেখানোর জন্য কাজ করবে

দ্রষ্টব্য: এটি কাজ করার জন্য আপনার http://code.jquery.com/jquery-2.1.1.min.js থেকে ক্যোয়ারী দরকার

অথবা জাভাস্ক্রিপ্টের লিঙ্কটি তৈরি করুন।

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>

   <div id="demo-element">
        <span>Full Screen Mode Disabled</span>
        <button id="go-button">Enable Full Screen</button>
    </div>
    <script>
    function GoInFullscreen(element) {
        if(element.requestFullscreen)
            element.requestFullscreen();
        else if(element.mozRequestFullScreen)
            element.mozRequestFullScreen();
        else if(element.webkitRequestFullscreen)
            element.webkitRequestFullscreen();
        else if(element.msRequestFullscreen)
            element.msRequestFullscreen();
    }

    function GoOutFullscreen() {
        if(document.exitFullscreen)
            document.exitFullscreen();
        else if(document.mozCancelFullScreen)
            document.mozCancelFullScreen();
        else if(document.webkitExitFullscreen)
            document.webkitExitFullscreen();
        else if(document.msExitFullscreen)
            document.msExitFullscreen();
    }

    function IsFullScreenCurrently() {
        var full_screen_element = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement || null;

        if(full_screen_element === null)
            return false;
        else
            return true;
    }

    $("#go-button").on('click', function() {
        if(IsFullScreenCurrently())
            GoOutFullscreen();
        else
            GoInFullscreen($("#demo-element").get(0));
    });

    $(document).on('fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange', function() {
        if(IsFullScreenCurrently()) {
            $("#demo-element span").text('Full Screen Mode Enabled');
            $("#go-button").text('Disable Full Screen');
        }
        else {
            $("#demo-element span").text('Full Screen Mode Disabled');
            $("#go-button").text('Enable Full Screen');
        }
    });</script>
— SeekLoad
সূত্র
0

পূর্ণ পর্দায় যাওয়ার একটি প্রশ্নোত্তর উপায়, আপনি যদি "কিওস্ক" পরিস্থিতিতে থাকেন তবে ব্রাউজার উইন্ডোটি এটি শেষ হয়ে যাওয়ার পরে কোনও এফ 11 সরবরাহ করবে। এটি প্রারম্ভিকভাবে শুরু হচ্ছে না এবং ব্যবহারকারীর শীর্ষে একটি টাচ স্ক্রিন ঝুঁকতে এবং একটি অর্ধ-পূর্ণ-স্ক্রিন ভিউ পেতে সক্ষম হতে পারে, তবে F11 খাওয়ানো একটি চিমটি বা কেবল কোনও প্রকল্পের জন্য শুরু করতে পারে।

— অ্যালেক্স রবিনসন
সূত্র
0

এখানে Full Screenএবং Exit Full Screenউভয়ের জন্য আমার সম্পূর্ণ সমাধান রয়েছে (উপরে টাওয়ারের উত্তর থেকে সহায়তার জন্য অনেক ধন্যবাদ):

$(document).ready(function(){
$.is_fs = false;
$.requestFullScreen = function(calr)
{
    var element = document.body;

    // 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}");
        }
    }

    $.is_fs = true;    
    $(calr).val('Exit Full Screen');
}

$.cancel_fs = function(calr)
{
    var element = document; //and NOT document.body!!
    var requestMethod = element.exitFullScreen || element.mozCancelFullScreen || element.webkitExitFullScreen || element.mozExitFullScreen || element.msExitFullScreen || element.webkitCancelFullScreen;

    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}");
        }
    }    

    $(calr).val('Full Screen');    
    $.is_fs = false;
}

$.toggleFS = function(calr)
{    
    $.is_fs == true? $.cancel_fs(calr):$.requestFullScreen(calr);
}

});

// কলিং:

<input type="button" value="Full Screen" onclick="$.toggleFS(this);" />
— রাহেল হাসান
সূত্র
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.