{"id":30127,"date":"2026-09-30T10:55:43","date_gmt":"2026-09-30T10:55:43","guid":{"rendered":"https:\/\/umang.pk\/2026\/09\/30\/%d8%ac%d8%a7%d9%88%d8%a7-%d8%a7%d8%b3%da%a9%d8%b1%d9%be%d9%b9-%d8%b3%db%92-%d9%81%d9%84-%d8%b3%da%a9%d8%b1%db%8c%d9%86-api-%da%a9%d8%a7-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84-%da%a9%db%8c%d8%b3\/"},"modified":"2026-09-30T10:55:44","modified_gmt":"2026-09-30T10:55:44","slug":"%d8%ac%d8%a7%d9%88%d8%a7-%d8%a7%d8%b3%da%a9%d8%b1%d9%be%d9%b9-%d8%b3%db%92-%d9%81%d9%84-%d8%b3%da%a9%d8%b1%db%8c%d9%86-api-%da%a9%d8%a7-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84-%da%a9%db%8c%d8%b3","status":"publish","type":"post","link":"https:\/\/umang.pk\/ur\/2026\/09\/30\/%d8%ac%d8%a7%d9%88%d8%a7-%d8%a7%d8%b3%da%a9%d8%b1%d9%be%d9%b9-%d8%b3%db%92-%d9%81%d9%84-%d8%b3%da%a9%d8%b1%db%8c%d9%86-api-%da%a9%d8%a7-%d8%a7%d8%b3%d8%aa%d8%b9%d9%85%d8%a7%d9%84-%da%a9%db%8c%d8%b3\/","title":{"rendered":"\u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u067e\u0679 \u0633\u06d2 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 API \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc\u0633\u06d2 \u06a9\u0631\u06cc\u06ba (\u0627\u0648\u0631 \u0648\u06cc\u06a9 \u0644\u0627\u06a9 API \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u06a9\u06cc\u0633\u06d2 \u0628\u06cc\u062f\u0627\u0631 \u0631\u06a9\u06be\u0627 \u062c\u0627\u0626\u06d2)"},"content":{"rendered":"\n<div>    \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u0628\u06be\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u062f\u0633\u062a\u0627\u0648\u06cc\u0632 \u0645\u06cc\u06ba \u0628\u0627\u0642\u06cc \u062a\u0645\u0627\u0645 \u0645\u0648\u0627\u062f \u0627\u0633 \u06a9\u06d2 \u067e\u06cc\u0686\u06be\u06d2 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u067e\u0648\u0631\u06d2 \u0635\u0641\u062d\u06c1 \u06a9\u0648 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0645\u06cc\u06ba \u062f\u06a9\u06be\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0648 \u06a9\u0627\u0644 \u06a9\u0631\u06cc\u06ba: <code>document.documentElement<\/code> (\u0648\u06c1 <code\/> element).<\/p>\n<p>The full reference lives on MDN&#8217;s Fullscreen API page, but you won&#8217;t need much beyond what&#8217;s above.<\/p>\n<h2 id=\"heading-entering-and-exiting-fullscreen\">Entering and Exiting Fullscreen<\/h2>\n<p>Let&#8217;s start with the simplest useful thing: a button that toggles the page in and out of fullscreen.<\/p>\n<pre><code class=\"language-html\"><button id=\"fs-toggle\">Fullscreen<\/button>\n<\/code><\/pre>\n<pre><code class=\"language-javascript\">const toggleBtn = document.getElementById('fs-toggle');\n\nasync function toggleFullscreen() {\n  if (!document.fullscreenElement) {\n    \/\/ Nothing is fullscreen yet \u2013 enter it.\n    await document.documentElement.requestFullscreen();\n  } else {\n    \/\/ Something is fullscreen \u2013 leave it.\n    await document.exitFullscreen();\n  }\n}\n\ntoggleBtn.addEventListener('click', toggleFullscreen);\n<\/code><\/pre>\n<p>\u06cc\u06c1\u06cc \u062d\u0642\u06cc\u0642\u06cc \u062e\u0648\u0634\u06cc \u06a9\u0627 \u0631\u0627\u0633\u062a\u06c1 \u06c1\u06d2\u06d4 \u062f\u0648\u0646\u0648\u06ba \u0637\u0631\u06cc\u0642\u06d2 \u0627\u06cc\u06a9 \u0648\u0639\u062f\u06c1 \u0648\u0627\u067e\u0633 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06c1\u0630\u0627 \u0622\u067e \u06cc\u06c1 \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba: <code>await<\/code> \u0622\u067e \u06a9\u0648 \u0645\u0639\u0644\u0648\u0645 \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u06af\u0627 \u06a9\u06c1 \u06a9\u0633\u06cc \u0628\u06be\u06cc \u0628\u0639\u062f \u0648\u0627\u0644\u06d2 \u06a9\u0648\u0688 \u06a9\u0648 \u0686\u0644\u0627\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0645\u0646\u062a\u0642\u0644\u06cc \u0645\u06a9\u0645\u0644 \u06c1\u0648 \u06af\u0626\u06cc \u06c1\u06d2\u06d4<\/p>\n<p>\u062a\u0627\u06c1\u0645\u060c \u062f\u0648\u0646\u0648\u06ba \u06a9\u0627\u0644\u0648\u06ba \u06a9\u0648 \u0645\u0633\u062a\u0631\u062f \u06a9\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4 \u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u06af\u0631 \u062f\u0633\u062a\u0627\u0648\u06cc\u0632 \u06a9\u0648 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u062c\u0627\u0646\u06d2 \u06a9\u06cc \u0627\u062c\u0627\u0632\u062a \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 (\u06c1\u0645 \u0630\u06cc\u0644 \u0645\u06cc\u06ba \u062f\u06cc\u06a9\u06be\u06cc\u06ba \u06af\u06d2 \u06a9\u06c1 \u06a9\u06cc\u0648\u06ba)\u060c \u06cc\u0627 <code>exitFullscreen()<\/code> \u062c\u0628 \u067e\u0648\u0631\u06cc \u0633\u06a9\u0631\u06cc\u0646 \u062e\u0627\u0644\u06cc \u06c1\u0648\u06d4 \u062a\u0648 \u0627\u0635\u0644 \u06a9\u0648\u0688 \u0645\u06cc\u06ba <code>try\/catch<\/code> \u06a9\u0646\u0633\u0648\u0644 \u0645\u06cc\u06ba \u063a\u06cc\u0631 \u0633\u0646\u0628\u06be\u0627\u0644\u06d2 \u06c1\u0648\u0626\u06d2 \u0645\u0633\u062a\u0631\u062f \u06c1\u0648\u0646\u06d2 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba:<\/p>\n<pre><code class=\"language-javascript\">async function toggleFullscreen() {\n  try {\n    if (!document.fullscreenElement) {\n      await document.documentElement.requestFullscreen();\n    } else {\n      await document.exitFullscreen();\n    }\n  } catch (err) {\n    console.warn(`Fullscreen failed: ${err.name} \u2013 ${err.message}`);\n  }\n}\n<\/code><\/pre>\n<h2 id=\"heading-the-user-gesture-rule\">\u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0627\u0634\u0627\u0631\u06d2 \u06a9\u06d2 \u0642\u0648\u0627\u0639\u062f<\/h2>\n<p>\u067e\u06c1\u0644\u0627 \u0645\u0633\u0626\u0644\u06c1 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1: \u06cc\u06c1 \u0648\u06c1 \u0645\u0633\u0626\u0644\u06c1 \u06c1\u06d2 \u062c\u0648 Stack Overflow \u067e\u0631 \u0633\u0628 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0627\u0644\u062c\u06be\u06d2 \u06c1\u0648\u0626\u06d2 \u0633\u0648\u0627\u0644\u0627\u062a \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 <strong>\u062e\u0648\u062f\u06a9\u0627\u0631 \u0637\u0648\u0631 \u067e\u0631 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0645\u06cc\u06ba \u0646\u06c1\u06cc\u06ba \u062c\u0627 \u0633\u06a9\u062a\u0627<\/strong>. \u06cc\u06c1 \u0635\u0641\u062d\u06c1 \u0644\u0648\u0688 \u06c1\u0648\u0646\u06d2 \u067e\u0631\u060c \u0679\u0627\u0626\u0645\u0631 \u06a9\u06d2 \u0628\u0639\u062f\u060c \u06cc\u0627 \u0646\u06cc\u0679 \u0648\u0631\u06a9 \u0627\u06cc\u0648\u0646\u0679 \u06a9\u06d2 \u062c\u0648\u0627\u0628 \u0645\u06cc\u06ba \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p><code>requestFullscreen()<\/code>    \u06cc\u06c1 \u0635\u0631\u0641 \u0627\u0633 \u0648\u0642\u062a \u062a\u06a9 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u0635\u0641\u062d\u06c1 \u0645\u06cc\u06ba \u0648\u06c1 \u0686\u06cc\u0632 \u0645\u0648\u062c\u0648\u062f \u06c1\u0648 \u062c\u0648 \u0645\u062e\u0635\u0648\u0635 \u0645\u06cc\u06ba \u0628\u06cc\u0627\u0646 \u06a9\u06cc \u06af\u0626\u06cc \u06c1\u06d2\u06d4 <em>\u0639\u0627\u0631\u0636\u06cc \u0627\u06cc\u06a9\u0679\u06cc\u0648\u06cc\u0634\u0646<\/em>: \u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0635\u0641\u062d\u06c1 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u0628\u0627\u062a \u0686\u06cc\u062a \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0641\u0648\u0631\u0627\u064b \u0628\u0639\u062f \u0627\u06cc\u06a9 \u0645\u062e\u062a\u0635\u0631 \u0648\u0646\u0688\u0648 (\u062c\u06cc\u0633\u06d2 \u06a9\u0644\u06cc\u062f \u067e\u0631 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u0627\u060c \u0679\u06cc\u067e \u06a9\u0631\u0646\u0627 \u06cc\u0627 \u062f\u0628\u0627\u0646\u0627)\u06d4 \u0627\u0633 \u0648\u0646\u0688\u0648 \u06a9\u06d2 \u0628\u0627\u06c1\u0631\u060c \u0648\u0639\u062f\u06c1 \u06a9\u0648 \u0645\u0633\u062a\u0631\u062f \u06a9\u0631 \u062f\u06cc\u0627 \u062c\u0627\u0626\u06d2 \u06af\u0627\u060c \u0627\u0648\u0631 \u0632\u06cc\u0627\u062f\u06c1 \u062a\u0631 \u0628\u0631\u0627\u0624\u0632\u0631 \u0627\u0633 \u0637\u0631\u062d \u06a9\u0627 \u067e\u06cc\u063a\u0627\u0645 \u0688\u0633\u067e\u0644\u06d2 \u06a9\u0631\u06cc\u06ba \u06af\u06d2: <em>&quot;APIs \u0635\u0631\u0641 \u0635\u0627\u0631\u0641 \u06a9\u06cc \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u0633\u06d2 \u0634\u0631\u0648\u0639 \u06a9\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4&#8221;<\/em><\/p>\n<p>\u06cc\u06c1 \u062c\u0627\u0646 \u0628\u0648\u062c\u06be \u06a9\u0631 \u06c1\u06d2\u06d4 \u0627\u0633 \u06a9\u06d2 \u0628\u063a\u06cc\u0631\u060c \u0635\u0641\u062d\u06c1 \u06a9\u06d2 \u0644\u0648\u0688 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc \u0622\u067e \u06a9\u06cc \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u06c1\u0627\u0626\u06cc \u062c\u06cc\u06a9 \u06a9\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0628\u0627\u0644\u06a9\u0644 \u0648\u06c1\u06cc \u06c1\u06d2 \u062c\u0648 \u0641\u0634\u0646\u06af \u0635\u0641\u062d\u0627\u062a \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0639\u0645\u0644\u06cc \u0637\u0648\u0631 \u067e\u0631\u060c \u0627\u0633 \u06a9\u0627 \u0645\u0637\u0644\u0628 \u0622\u067e \u06a9\u06d2 \u06a9\u0648\u0688 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0648 \u0686\u06cc\u0632\u06cc\u06ba \u06c1\u06cc\u06ba:<\/p>\n<ol>\n<li>\n<p>\u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0627\u0646 \u067e\u0679 \u0633\u06d2 \u0645\u0646\u0633\u0644\u06a9 \u0627\u06cc\u0648\u0646\u0679 \u06c1\u06cc\u0646\u0688\u0644\u0631 \u0645\u06cc\u06ba \u06c1\u0645\u06cc\u0634\u06c1 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u0645\u062a\u062d\u0631\u06a9 \u06a9\u0631\u06cc\u06ba\u06d4 <code>click<\/code>, <code>keydown<\/code>, <code>pointerup<\/code>\u0648\u063a\u06cc\u0631\u06c1<\/p>\n<\/li>\n<li>\n<p>\u0627\u0633\u06d2 \u0627\u0646\u062f\u0631 \u0646\u06c1 \u0688\u0627\u0644\u0648 <code>await<\/code> \u06a9\u0633\u06cc \u0633\u0633\u062a \u0686\u06cc\u0632 \u06a9\u06cc \u0648\u062c\u06c1 \u0633\u06d2 <em>\u067e\u06c1\u0644\u06d2<\/em> \u06a9\u06c1 <code>requestFullscreen()<\/code> \u06a9\u0627\u0644 \u0622\u067e <code>await fetch(...)<\/code> \u0633\u0628 \u0633\u06d2 \u067e\u06c1\u0644\u06d2\u060c \u0627\u06cc\u06a9\u0679\u06cc\u0648\u06cc\u0634\u0646 \u0648\u0646\u0688\u0648 \u0627\u0633 \u0648\u0642\u062a \u062e\u062a\u0645 \u06c1\u0648 \u0633\u06a9\u062a\u06cc \u06c1\u06d2 \u062c\u0628 \u0622\u067e \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<\/ol>\n<p>\u06a9\u0627\u0644 <code>requestFullscreen()<\/code> \u0686\u06cc\u0632\u0648\u06ba \u06a9\u0648 \u067e\u06c1\u0644\u06d2 \u0622\u06c1\u0633\u062a\u06c1 \u0633\u06d2 \u0644\u06cc\u06ba\u06d4 \u0628\u0635\u0648\u0631\u062a \u062f\u06cc\u06af\u0631\u060c \u0622\u067e \u06a9\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0627\u06cc\u06a9\u0679\u06cc\u0648\u06cc\u0634\u0646 \u0648\u0646\u0688\u0648 \u0628\u0646\u062f \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u06af\u06cc\u06d4<\/p>\n<p>\u0627\u06cc\u06a9 \u0639\u0627\u0645 \u0627\u0648\u0631 \u0628\u06c1\u062a \u0641\u0637\u0631\u06cc \u0646\u0645\u0648\u0646\u06c1 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0634\u0627\u0631\u0679 \u06a9\u0679 \u0628\u0679\u0646\u0648\u06ba \u06a9\u06cc \u0637\u0631\u062d \u06a9\u0627\u0645 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<pre><code class=\"language-javascript\">document.addEventListener('keydown', (e) => {\n  \/\/ Ignore shortcuts while the user is typing in a field.\n  if (e.target.matches('input, textarea, [contenteditable]')) return;\n\n  if (e.key === 'f' || e.key === 'F') {\n    e.preventDefault();\n    toggleFullscreen();\n  }\n});\n<\/code><\/pre>\n<p>\u062f\u0648 \u0686\u06be\u0648\u0679\u06cc \u0686\u06cc\u0632\u06cc\u06ba \u062c\u0648 \u0645\u06cc\u06ba \u0646\u06d2 \u067e\u06c1\u0644\u06cc \u0628\u0627\u0631 \u063a\u0644\u0637 \u06a9\u06cc\u06ba \u0648\u06c1 \u0646\u0638\u0631 \u0627\u0646\u062f\u0627\u0632 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u06c1\u06cc\u06ba\u06d4<\/p>\n<p>\u0633\u0628 \u0633\u06d2 \u067e\u06c1\u0644\u06d2\u060c \u067e\u0648\u0631\u06cc \u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06cc \u0633\u0637\u062d \u06a9\u0648 \u062e\u0648\u062f \u06c1\u06cc \u06a9\u06cc \u0628\u0648\u0631\u0688 \u062a\u06a9 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0628\u0646\u0627\u0626\u06cc\u06ba\u06d4 <code>tabindex=\"0\"<\/code> \u0627\u0648\u0631 \u0639\u0644\u0627\u062c <code>Enter<\/code> \u0627\u0648\u0631 <code>Space<\/code> \u06cc\u06c1 \u0628\u0627\u0644\u06a9\u0644 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u06d2 \u06a9\u06cc \u0637\u0631\u062d \u06c1\u06d2\u06d4 \u0628\u0635\u0648\u0631\u062a \u062f\u06cc\u06af\u0631\u060c \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u06d2 \u067e\u0627\u0633 \u0627\u06cc\u0633\u06d2 \u0628\u0679\u0646 \u06c1\u0648\u062a\u06d2 \u06c1\u06cc\u06ba \u062c\u0646 \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u06a9\u0648\u0626\u06cc \u0646\u06c1\u06cc\u06ba \u062c\u0627\u0646\u062a\u0627\u06d4<\/p>\n<p>\u062f\u0648\u0633\u0631\u0627\u060c \u063a\u0648\u0631 \u06a9\u0631\u06cc\u06ba \u06a9\u06c1 \u0622\u06cc\u0627 \u0622\u067e \u06a9\u06cc \u0634\u0627\u0631\u0679 \u06a9\u0679 \u06a9\u06cc\u0632 \u0635\u0641\u062d\u06c1 \u06a9\u06cc \u0627\u0635\u0644 \u0641\u0639\u0627\u0644\u06cc\u062a \u0633\u06d2 \u0645\u062a\u0635\u0627\u062f\u0645 \u06c1\u06cc\u06ba\u06d4 \u0627\u06cc\u06a9 &quot;\u06c1\u06cc\u06a9\u0631 \u0679\u0627\u0626\u067e \u0631\u0627\u0626\u0679\u0631&#8221; \u06a9\u0627 \u0635\u0641\u062d\u06c1 \u06c1\u06d2 \u062c\u06c1\u0627\u06ba \u06c1\u0631 \u06a9\u0644\u06cc\u062f \u062c\u0639\u0644\u06cc \u0679\u0631\u0645\u06cc\u0646\u0644 \u0622\u0624\u0679 \u067e\u0679 \u06a9\u0648 \u062a\u06be\u0648\u06a9 \u062f\u06cc\u062a\u06cc \u06c1\u06d2\u060c \u0628\u0634\u0645\u0648\u0644: <code>F<\/code>. \u0627\u0628\u062a\u062f\u0627\u0626\u06cc \u0686\u0646\u062f \u062f\u0646\u0648\u06ba \u062a\u06a9\u060c \u063a\u0635\u06d2 \u0633\u06d2 \u0679\u0627\u0626\u067e \u06a9\u0631\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0635\u0627\u0631\u0641 \u062c\u0628 \u0628\u06be\u06cc \u0627\u0633 \u062e\u0637 \u06a9\u0648 \u062f\u0628\u0627\u062a\u06d2 \u06c1\u06cc\u06ba \u062a\u0648 \u0648\u06c1 \u0627\u06cc\u06a9 \u0645\u06a9\u0645\u0644 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646\u06cc &quot;\u06c1\u06cc\u06a9&#8221; \u0645\u06cc\u06ba \u067e\u06be\u0646\u0633 \u062c\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u062a\u0631\u0645\u06cc\u0645 \u0627\u06cc\u06a9 \u0644\u0627\u0626\u0646 \u062a\u06be\u06cc: \u0627\u0633 \u0635\u0641\u062d\u06c1 \u067e\u0631 <code>F<\/code> \u0627\u06cc\u06a9 \u0628\u0627\u0631 \u0628\u06be\u06cc \u0646\u06c1\u06cc\u06ba\u06d4 <em>\u0627\u0646\u062f\u0631 \u062c\u0627 \u0631\u06c1\u0627 \u06c1\u06d2\u06d4<\/em> \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u0633\u0648\u0626\u0686 \u06a9\u0631\u0646\u0627 \u0627\u0648\u0631 \u0686\u06be\u0648\u0691\u0646\u0627 \u06c1\u06d2\u06d4 <code>Esc<\/code>\u0627\u06a9\u06cc\u0644\u06d2 \u06a9\u0627\u0645 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u06a9\u0648\u0646 \u0633\u0627 <code>Esc<\/code>: \u0627\u0633\u06d2 \u062e\u0648\u062f \u0646\u06c1 \u0633\u0646\u0628\u06be\u0627\u0644\u0648\u06d4 \u062a\u0645\u0627\u0645 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0646\u06a9\u0644\u062a\u06d2 \u06c1\u06cc\u06ba \u062c\u0628: <code>Esc<\/code>\u0627\u0648\u0631 \u062a\u0645 \u0627\u0633\u06d2 \u0631\u0648\u06a9 \u0646\u06c1\u06cc\u06ba \u0633\u06a9\u062a\u06d2\u06d4 \u0633\u06cc\u0641\u0679\u06cc \u0641\u0631\u0627\u0631 \u06c1\u06cc\u0686. \u062a\u0645 \u06a9\u06cc\u0627 \u06a9\u0631 \u0631\u06c1\u06d2 \u06c1\u0648 <em>~ \u06a9\u0631 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/em> \u0622\u067e \u06a9\u0648 \u0635\u0631\u0641 \u0627\u0633 \u067e\u0631 \u0631\u062f\u0639\u0645\u0644 \u0638\u0627\u06c1\u0631 \u06a9\u0631\u0646\u0627 \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0627\u06af\u0644\u0627 \u062d\u0635\u06c1 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-keeping-your-ui-in-sync-with-fullscreenchange\">\u0627\u067e\u0646\u06d2 UI \u06a9\u0648 \u0645\u0637\u0627\u0628\u0642\u062a \u067e\u0630\u06cc\u0631 \u0631\u06a9\u06be\u06cc\u06ba <code>fullscreenchange<\/code><\/h2>\n<p>\u0635\u0627\u0631\u0641 \u0627\u0633 \u0637\u0631\u062d \u0633\u06d2 \u06a9\u0686\u06be \u0628\u06be\u06cc \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u0627 \u062c\u0633 \u067e\u0631 \u06a9\u0648\u0688 \u06a9\u0627 \u06a9\u0648\u0626\u06cc \u06a9\u0646\u0679\u0631\u0648\u0644 \u0646\u06c1 \u06c1\u0648\u060c \u062c\u06cc\u0633\u06d2 <code>Esc<\/code>\u0622\u067e \u06a9\u0648 \u0627\u067e\u0646\u06d2 \u0645\u062a\u063a\u06cc\u0631\u0627\u062a \u0645\u06cc\u06ba \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06cc \u062d\u0627\u0644\u062a \u06a9\u0648 \u0679\u0631\u06cc\u06a9 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u0626\u06d2 (\u062c\u0628 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u0627 \u0633\u06cc\u0644\u0641 \u0627\u06cc\u06af\u0632\u0679 \u0628\u0679\u0646 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631 \u0631\u06c1\u06d2 \u06c1\u0648\u06ba \u06cc\u0627 \u0645\u0648\u0628\u0627\u0626\u0644 \u067e\u0631 \u0627\u06cc\u067e\u0633 \u06a9\u0648 \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631 \u0631\u06c1\u06d2 \u06c1\u0648\u06ba)\u06d4 \u06cc\u06c1 \u0645\u0637\u0627\u0628\u0642\u062a \u067e\u0630\u06cc\u0631\u06cc \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u06af\u0627\u06d4<\/p>\n<p>\u0627\u0633 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u0639\u0644\u0627\u062c \u06a9\u0631\u06cc\u06ba\u06d4 <code>document.fullscreenElement<\/code> \u0633\u0686\u06d2 \u0628\u0646\u06cc\u06ba \u0627\u0648\u0631 \u06a9\u0633\u06cc \u0628\u06be\u06cc \u0648\u0642\u062a \u0627\u067e\u0646\u06d2 UI \u06a9\u0648 \u0627\u067e \u0688\u06cc\u0679 \u06a9\u0631\u06cc\u06ba\u06d4 <code>fullscreenchange<\/code> \u0622\u06af:<\/p>\n<pre><code class=\"language-javascript\">function syncFullscreenUI() {\n  const isFullscreen = Boolean(document.fullscreenElement);\n  toggleBtn.textContent = isFullscreen ? 'Exit fullscreen' : 'Fullscreen';\n  toggleBtn.setAttribute('aria-pressed', String(isFullscreen));\n  document.body.classList.toggle('is-fullscreen', isFullscreen);\n}\n\ndocument.addEventListener('fullscreenchange', syncFullscreenUI);\ndocument.addEventListener('fullscreenerror', () => {\n  console.warn('Could not enter fullscreen.');\n});\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u0648\u0627\u062d\u062f \u0633\u0646\u0646\u06d2 \u0648\u0627\u0644\u0627 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u0627\u0648\u0631 \u0628\u0627\u06c1\u0631 \u06a9\u06d2 \u062a\u0645\u0627\u0645 \u0631\u0627\u0633\u062a\u0648\u06ba \u06a9\u0648 \u06af\u06be\u06cc\u0631\u06d2 \u06c1\u0648\u0626\u06d2 \u06c1\u06d2\u060c \u0628\u0634\u0645\u0648\u0644 \u0648\u06c1 \u0631\u0627\u0633\u062a\u06d2 \u062c\u0648 \u0634\u0631\u0648\u0639 \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u0626\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u06cc\u0646\u06cc\u0645\u06cc\u0634\u0646 \u06a9\u0648 \u0631\u0648\u06a9\u0646\u06d2\u060c \u06af\u06cc\u0645 \u0644\u0648\u067e \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0634\u0631\u0648\u0639 \u06a9\u0631\u0646\u06d2\u060c \u06cc\u0627 (\u062c\u06cc\u0633\u0627 \u06a9\u06c1 \u06c1\u0645 \u0628\u0639\u062f \u0645\u06cc\u06ba \u0628\u06cc\u0627\u0646 \u06a9\u0631\u06cc\u06ba \u06af\u06d2) \u0648\u06cc\u06a9 \u0644\u0627\u06a9 \u062c\u0627\u0631\u06cc \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0628\u06be\u06cc \u06cc\u06c1 \u0627\u06cc\u06a9 \u0627\u0686\u06be\u06cc \u062c\u06af\u06c1 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-styling-fullscreen-content\">\u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0645\u0648\u0627\u062f \u06a9\u0648 \u0627\u0633\u0679\u0627\u0626\u0644 \u06a9\u0631\u0646\u0627<\/h2>\n<p>CSS \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u062d\u0627\u0644\u062a \u06a9\u06d2 \u0644\u06cc\u06d2 \u062f\u0648 \u06c1\u06a9\u0633 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2:<\/p>\n<p>\u06a9\u06c1 <code>:fullscreen<\/code> \u0633\u06cc\u0648\u0688\u0648 \u06a9\u0644\u0627\u0633 \u0627\u0633 \u0639\u0646\u0635\u0631 \u0633\u06d2 \u0645\u06cc\u0644 \u06a9\u06be\u0627\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u0641\u06cc \u0627\u0644\u062d\u0627\u0644 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u06c1\u06d2\u06d4 \u0628\u0631\u0627\u0624\u0632\u0631 \u0627\u06cc\u06a9 \u0688\u06cc\u0641\u0627\u0644\u0679 \u0627\u0633\u0679\u0627\u0626\u0644 \u0634\u06cc\u0679 \u06a9\u0627 \u0627\u0637\u0644\u0627\u0642 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u062c\u0648 \u0639\u0646\u0635\u0631 \u06a9\u0648 \u067e\u0648\u0631\u06d2 \u0648\u06cc\u0648 \u067e\u0648\u0631\u0679 \u062a\u06a9 \u067e\u06be\u06cc\u0644\u0627 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0622\u067e \u0639\u0627\u0645 \u0637\u0648\u0631 \u067e\u0631 \u067e\u0633 \u0645\u0646\u0638\u0631 \u0627\u0648\u0631 \u0627\u0648\u0648\u0631 \u0641\u0644\u0648 \u062c\u06cc\u0633\u06cc \u0686\u06cc\u0632\u0648\u06ba \u06a9\u0648 \u062e\u0648\u062f \u06a9\u0646\u0679\u0631\u0648\u0644 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06ba \u06af\u06d2\u06d4<\/p>\n<pre><code class=\"language-css\">:fullscreen {\n  background: #000;\n  overflow: hidden;\n  cursor: none; \/* hide the pointer on an idle fullscreen surface *\/\n}\n<\/code><\/pre>\n<p>\u06a9\u06c1 <code>cursor: none<\/code> \u0644\u0627\u0626\u0646\u06cc\u06ba \u0627\u0633 \u0648\u0642\u062a \u062a\u06a9 \u0627\u0686\u06be\u06cc \u0644\u06af\u062a\u06cc \u06c1\u06cc\u06ba \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u0622\u067e OLED \u0688\u0633\u067e\u0644\u06d2 \u067e\u0631 \u062e\u0627\u0644\u0635 \u0633\u06cc\u0627\u06c1 \u0635\u0641\u062d\u06c1 \u0646\u06c1\u06cc\u06ba \u0644\u06af\u0627\u062a\u06d2\u06d4 \u062a\u0645\u0627\u0645 \u067e\u06a9\u0633\u0644\u0632 \u0622\u0641 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0645\u0627\u0624\u0633 \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u0644\u0641\u0638\u06cc \u0637\u0648\u0631 \u067e\u0631 \u067e\u06cc\u0646\u0644 \u067e\u0631 \u0648\u0627\u062d\u062f \u0686\u06cc\u0632 \u06c1\u06d2 \u062c\u0648 \u0631\u0648\u0634\u0646 \u06c1\u06d2\u06d4 \u062c\u0628 \u06a9\u0633\u06cc \u0635\u0641\u062d\u06c1 \u06a9\u06cc \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06c1\u0648 \u062a\u0648 \u0627\u0633\u06d2 \u0686\u06be\u067e\u0627\u0646\u0627 &quot;\u0627\u0633\u06a9\u0631\u06cc\u0646 \u0622\u0641 \u06c1\u06d2&#8221; \u0627\u0648\u0631 &quot;\u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06d2 \u0628\u06cc\u0686 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0686\u06be\u0648\u0679\u0627 \u0633\u0627 \u0633\u0641\u06cc\u062f \u062a\u06cc\u0631 \u06c1\u06d2&#8221; \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646 \u0641\u0631\u0642 \u06c1\u06d2\u06d4<\/p>\n<p>\u06a9\u06c1 <code>::backdrop<\/code> \u0686\u06be\u062f\u0645 \u0639\u0646\u0627\u0635\u0631 \u067e\u06cc\u0646\u0679 \u067e\u0631\u062a\u06cc\u06ba \u06c1\u06cc\u06ba\u06d4 <em>\u067e\u06cc\u0686\u06be\u06d2<\/em> \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0639\u0646\u0635\u0631\u06d4 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u06cc\u06c1 \u0635\u0631\u0641 \u0627\u0633 \u0635\u0648\u0631\u062a \u0645\u06cc\u06ba \u0627\u06c1\u0645\u06cc\u062a \u0631\u06a9\u06be\u062a\u0627 \u06c1\u06d2 \u062c\u0628 \u0639\u0646\u0635\u0631 \u067e\u0648\u0631\u06cc \u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0627 \u0627\u062d\u0627\u0637\u06c1 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2 (\u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631 \u0627\u06cc\u06a9 \u0639\u0646\u0635\u0631 \u062c\u0633 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0645\u0642\u0631\u0631\u06c1 \u067e\u06c1\u0644\u0648 \u062a\u0646\u0627\u0633\u0628 \u06c1\u06d2)\u060c \u0627\u0648\u0631 \u0644\u06cc\u0679\u0631 \u0628\u0627\u06a9\u0633 \u06a9\u06d2 \u0631\u0646\u06af \u06a9\u0648 \u06a9\u0646\u0679\u0631\u0648\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u0637\u0631\u06cc\u0642\u06c1 \u06cc\u06c1\u0627\u06ba \u06c1\u06d2:<\/p>\n<pre><code class=\"language-css\">:fullscreen::backdrop {\n  background: #000;\n}\n<\/code><\/pre>\n<p>\u0627\u06cc\u06a9 \u0639\u0645\u0644\u06cc \u0645\u0634\u0648\u0631\u06c1: \u0627\u06af\u0631 \u0622\u067e \u067e\u0648\u0631\u06d2 \u0635\u0641\u062d\u06c1 \u06a9\u0648 \u067e\u0648\u0631\u06cc \u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u062f\u06a9\u06be\u0627\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062a\u0648 \u067e\u0633 \u0645\u0646\u0638\u0631 \u06a9\u0627 \u0631\u0646\u06af \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0631\u06cc\u06ba\u06d4 <code>html<\/code>\u0646\u06c1\u06cc\u06ba <code>body<\/code>. \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0645\u06cc\u06ba <code>html<\/code> \u06cc\u06c1 \u0639\u0646\u0635\u0631 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u060c \u0627\u0648\u0631 \u06a9\u0686\u06be \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u0645\u06cc\u06ba \u0627\u06cc\u0633\u0627 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4 <code>body<\/code>&#8211; \u0645\u0646\u062a\u0642\u0644\u06cc \u06a9\u06d2 \u062f\u0648\u0631\u0627\u0646\u060c \u0635\u0631\u0641 \u067e\u0633 \u0645\u0646\u0638\u0631 \u06a9\u0646\u0627\u0631\u0648\u06ba \u067e\u0631 \u063a\u0644\u0637 \u0631\u0646\u06af \u06a9\u06cc \u0627\u06cc\u06a9 \u067e\u062a\u0644\u06cc \u067e\u0679\u06cc \u0686\u06be\u0648\u0691\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-cross-browser-gotchas\">\u06a9\u0631\u0627\u0633 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u0627 \u0645\u0633\u0626\u0644\u06c1<\/h2>\n<p>\u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 API \u0628\u0631\u0633\u0648\u06ba \u0633\u06d2 \u06a9\u0631\u0648\u0645\u060c \u0627\u06cc\u062c \u0627\u0648\u0631 \u0641\u0627\u0626\u0631 \u0641\u0627\u06a9\u0633 \u0645\u06cc\u06ba \u0645\u0639\u06cc\u0627\u0631\u06cc \u06c1\u06d2\u06d4 \u0633\u0641\u0627\u0631\u06cc \u0648\u06c1 \u062c\u06af\u06c1 \u06c1\u06d2 \u062c\u06c1\u0627\u06ba \u06a9\u0627\u0645 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h3 id=\"heading-older-safari-needs-the-webkit-prefix\">\u067e\u0631\u0627\u0646\u06cc \u0633\u0641\u0627\u0631\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2: <code>webkit<\/code> \u0633\u0627\u0628\u0642\u06c1<\/h3>\n<p>Safari \u0646\u06d2 \u0635\u0631\u0641 macOS \u0627\u0648\u0631 iPadOS \u0648\u0631\u0698\u0646 16.4 (Spring 2023) \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u063a\u06cc\u0631 \u0633\u0627\u0628\u0642\u06c1 \u200b\u200bAPI \u0641\u0631\u0627\u06c1\u0645 \u06a9\u06cc\u0627\u06d4 \u0627\u0633 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2 <code>webkitRequestFullscreen()<\/code>, <code>webkitExitFullscreen()<\/code>, <code>webkitFullscreenElement<\/code>\u0627\u0648\u0631 <code>webkitfullscreenchange<\/code> \u0648\u0627\u0642\u0639\u06c1 \u062c\u0628 \u062a\u06a9 \u06a9\u06c1 \u0622\u067e \u062a\u06cc\u0646 \u0633\u0627\u0644 \u067e\u0631\u0627\u0646\u06cc \u0633\u0641\u0627\u0631\u06cc \u06a9\u06cc \u062a\u0646\u0635\u06cc\u0628 \u06a9\u0648 \u0646\u0638\u0631 \u0627\u0646\u062f\u0627\u0632 \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2\u060c \u0627\u06cc\u06a9 \u0686\u06be\u0648\u0679\u06cc \u0645\u0637\u0627\u0628\u0642\u062a \u06a9\u06cc \u067e\u0631\u062a \u0631\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0642\u0627\u0628\u0644 \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-javascript\">const fs = {\n  get element() {\n    return document.fullscreenElement ?? document.webkitFullscreenElement ?? null;\n  },\n  get enabled() {\n    return Boolean(document.fullscreenEnabled ?? document.webkitFullscreenEnabled);\n  },\n  request(el = document.documentElement) {\n    if (el.requestFullscreen) return el.requestFullscreen();\n    if (el.webkitRequestFullscreen) return Promise.resolve(el.webkitRequestFullscreen());\n    return Promise.reject(new Error('Fullscreen not supported'));\n  },\n  exit() {\n    if (document.exitFullscreen) return document.exitFullscreen();\n    if (document.webkitExitFullscreen) return Promise.resolve(document.webkitExitFullscreen());\n    return Promise.reject(new Error('Fullscreen not supported'));\n  },\n};\n\n\/\/ Listen to both event names so old Safari stays in sync too.\n['fullscreenchange', 'webkitfullscreenchange'].forEach((evt) =>\n  document.addEventListener(evt, syncFullscreenUI)\n);\n<\/code><\/pre>\n<p>\u0627\u0628 <code>fs.request()<\/code> \u0627\u0648\u0631 <code>fs.exit()<\/code> \u062f\u0648\u0646\u0648\u06ba \u062a\u0645\u0627\u0645 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u0645\u06cc\u06ba \u0627\u06cc\u06a9 \u0648\u0639\u062f\u06c1 \u0648\u0627\u067e\u0633 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0622\u067e \u06a9\u06d2 \u0628\u0627\u0642\u06cc \u06a9\u0648\u0688 \u06a9\u0648 \u0627\u0633 \u0628\u0627\u062a \u06a9\u06cc \u06a9\u0648\u0626\u06cc \u067e\u0631\u0648\u0627\u06c1 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2 \u06a9\u06c1 \u06cc\u06c1 \u06a9\u0633 \u06a9\u0648\u0688 \u0645\u06cc\u06ba \u0686\u0644\u062a\u0627 \u06c1\u06d2\u06d4 <code>screenfull.js<\/code> \u0627\u0633 \u0645\u0642\u0635\u062f \u06a9\u06d2 \u0644\u06cc\u06d2 \u0633\u0641\u0627\u0631\u0634 \u06a9\u06cc \u062c\u0627\u062a\u06cc \u06c1\u06d2\u06d4 \u06cc\u06c1 \u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u0644\u0627\u0626\u0628\u0631\u06cc\u0631\u06cc \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0627\u0633\u06d2 \u062e\u0635\u0648\u0635\u06cc\u062a \u0633\u06d2 \u0645\u06a9\u0645\u0644 \u0627\u0648\u0631 \u0645\u0646\u062c\u0645\u062f \u0642\u0631\u0627\u0631 \u062f\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0627\u0648\u067e\u0631 \u062f\u06cc \u06af\u0626\u06cc 15 \u0644\u0627\u0626\u0646\u06cc\u06ba \u06cc\u06c1 \u0633\u0628 \u0644\u0627\u0626\u0628\u0631\u06cc\u0631\u06cc \u0622\u067e \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0631\u062a\u06cc \u06c1\u06cc\u06ba\u06d4)<\/p>\n<h3 id=\"heading-iphone-safari-doesnt-support-element-fullscreen-at-all\">\u0622\u0626\u06cc \u0641\u0648\u0646 \u0633\u0641\u0627\u0631\u06cc \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0639\u0646\u0627\u0635\u0631 \u06a9\u0648 \u0628\u0627\u0644\u06a9\u0644 \u0628\u06be\u06cc \u0633\u067e\u0648\u0631\u0679 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/h3>\n<p>\u06cc\u06c1 \u0627\u06cc\u06a9 \u0627\u06cc\u0633\u0627 \u0645\u0633\u0626\u0644\u06c1 \u06c1\u06d2 \u062c\u0648 \u0633\u0628 \u06a9\u0648 \u067e\u0631\u06cc\u0634\u0627\u0646 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0644\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0648\u0642\u062a \u062a\u06a9\u060c <strong>iPhone \u067e\u0631 Safari \u0635\u0648\u0627\u0628\u062f\u06cc\u062f\u06cc \u0639\u0646\u0627\u0635\u0631 \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u0648\u0631\u06d2 \u0627\u0633\u06a9\u0631\u06cc\u0646 API \u06a9\u0648 \u0633\u067e\u0648\u0631\u0679 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/strong> &#8211; \u0635\u0631\u0641 <code><video\/><\/code>. \u06cc\u06c1 \u0622\u0626\u06cc \u067e\u06cc\u0688 \u0627\u0648\u0631 \u0645\u06cc\u06a9 \u067e\u0631 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0641\u0648\u0646 \u067e\u0631 \u0646\u06c1\u06cc\u06ba\u06d4 <code>document.fullscreenEnabled<\/code> \u06c1\u06d2 <code>false<\/code> \u0627\u0648\u0631 <code>requestFullscreen<\/code> \u0645\u06cc\u06ba \u0645\u0648\u062c\u0648\u062f \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4 <code><\/p>\n<div>. Chrome and Firefox on iOS inherit the same limitation because they're required to use Safari's engine.<\/p>\n<p>You have two realistic options:<\/p>\n<ol>\n<li>\n<p><strong>A \"pseudo-fullscreen\" fallback:<\/strong> Position your element with <code>position: fixed; inset: 0<\/code> \u0627\u067e\u0646\u0627 \u06a9\u0631\u0648\u0645 \u0686\u06be\u067e\u0627\u0626\u06cc\u06ba\u06d4 \u0622\u067e \u0633\u0641\u0627\u0631\u06cc \u06a9\u06d2 \u0627\u06cc\u0688\u0631\u06cc\u0633 \u0628\u0627\u0631 \u06a9\u0648 \u0646\u06c1\u06cc\u06ba \u06c1\u0679\u0627 \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u0644\u06cc\u06a9\u0646 \u062c\u0628 \u0622\u067e \u0627\u0633\u06a9\u0631\u0648\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u062a\u0648 \u06cc\u06c1 \u0633\u06a9\u0691 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0632\u06cc\u0627\u062f\u06c1 \u062a\u0631 \u0679\u0648\u0644\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06cc\u06c1 \u06a9\u0627\u0641\u06cc \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\"\u06c1\u0648\u0645 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0645\u06cc\u06ba \u0634\u0627\u0645\u0644 \u06a9\u0631\u06cc\u06ba\" \u06a9\u06cc \u062a\u062c\u0627\u0648\u06cc\u0632:<\/strong> \u06c1\u0648\u0645 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u0686\u0644\u0646\u06d2 \u0648\u0627\u0644\u06cc \u0648\u06cc\u0628 \u0627\u06cc\u067e <code>\"display\": \"standalone\"<\/code> \u0645\u06cc\u0646\u06cc \u0641\u06cc\u0633\u0679 \u0628\u0631\u0627\u0624\u0632\u0631 UI \u06a9\u06d2 \u0628\u063a\u06cc\u0631 \u0686\u0644\u062a\u0627 \u06c1\u06d2\u06d4 \u0622\u062c \u0622\u067e \u06a9\u06d2 \u0622\u0626\u06cc \u0641\u0648\u0646 \u067e\u0631 \u062d\u0642\u06cc\u0642\u06cc \u0627\u06cc\u062c \u0679\u0648 \u0627\u06cc\u062c \u0645\u0648\u0627\u062f \u062d\u0627\u0635\u0644 \u06a9\u0631\u0646\u06d2 \u06a9\u0627 \u06cc\u06c1 \u0648\u0627\u062d\u062f \u0637\u0631\u06cc\u0642\u06c1 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<\/ol>\n<p>\u0622\u067e \u062c\u0648 \u0628\u06be\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u06cc\u06ba\u060c \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 \u062e\u0635\u0648\u0635\u06cc\u062a \u06a9\u0627 \u067e\u062a\u06c1 \u0644\u06af\u0627\u0646\u06d2 \u067e\u0631 \u0627\u0646\u062d\u0635\u0627\u0631 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4 <code>document.fullscreenEnabled<\/code> \u06cc\u06c1 \u0622\u067e \u06a9\u0648 \u0628\u062a\u0627\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0622\u06cc\u0627 \u06cc\u06c1 API \u06c1\u06d2 \u06cc\u0627 \u0646\u06c1\u06cc\u06ba\u06d4 <em>\u0645\u0648\u062c\u0648\u062f \u06c1\u06d2<\/em>\u062a\u0627\u06c1\u0645\u060c \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u067e\u06be\u0631 \u0628\u06be\u06cc \u0631\u0646 \u0679\u0627\u0626\u0645 \u067e\u0631 \u0645\u0633\u062a\u0631\u062f \u06c1\u0648 \u0633\u06a9\u062a\u06cc \u06c1\u06d2 ( <code>allowfullscreen<\/code> \u062e\u0648\u0627\u0635\u060c \u06cc\u06c1 \u0627\u0633 \u0644\u06cc\u06d2 \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06cc \u067e\u0627\u0644\u06cc\u0633\u06cc \u0635\u0641\u062d\u06c1 \u067e\u0631 \u0645\u0642\u0641\u0644 \u06c1\u06d2\u060c \u06cc\u0627 \u0645\u062d\u0636 \u0627\u0633 \u0644\u06cc\u06d2 \u06a9\u06c1 \u06c1\u0645 \u0646\u06d2 \u062c\u0646 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u06a9\u0627 \u062a\u062c\u0631\u0628\u06c1 \u0646\u06c1\u06cc\u06ba \u06a9\u06cc\u0627 \u06c1\u06d2 \u0627\u0646 \u06a9\u06cc \u0627\u067e\u0646\u06cc \u0631\u0627\u0626\u06d2 \u06c1\u06d2)\u06d4<\/p>\n<p>\u0645\u06cc\u0631\u06d2 \u0644\u06cc\u06d2 \u062c\u0648 \u067e\u06cc\u0679\u0631\u0646 \u0628\u0631\u0642\u0631\u0627\u0631 \u0631\u06c1\u062a\u0627 \u06c1\u06d2 \u0648\u06c1 \u06c1\u06d2 \u0627\u0635\u0644 API \u06a9\u0648 \u0622\u0632\u0645\u0627\u0646\u0627 \u0627\u0648\u0631 \u0645\u0633\u062a\u0631\u062f \u06c1\u0648\u0646\u06d2 \u06a9\u0648 CSS \u0641\u0627\u0644 \u0628\u06cc\u06a9 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0645\u062d\u0631\u06a9 \u0633\u0645\u062c\u06be\u0646\u0627\u06d4<\/p>\n<pre><code class=\"language-javascript\">function enterFullscreen(el) {\n  if (fs.enabled) {\n    return fs.request(el).catch(() => {\n      \/\/ The API exists but refused \u2013 degrade to a fixed overlay.\n      document.body.classList.add('pseudo-fullscreen');\n    });\n  }\n  document.body.classList.add('pseudo-fullscreen');\n  return Promise.resolve();\n}\n<\/code><\/pre>\n<p>\u0641\u0648\u0646\u0632 \u067e\u0631\u060c \u06c1\u0645 \u0627\u06cc\u06a9 \u0642\u062f\u0645 \u0622\u06af\u06d2 \u0628\u0691\u06be\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 API \u06a9\u0648 \u0628\u0627\u0644\u06a9\u0644 \u0628\u06be\u06cc \u06a9\u0627\u0644 \u0646\u06c1\u06cc\u06ba \u06a9\u0631\u062a\u06d2\u060c \u06cc\u06c1\u0627\u06ba \u062a\u06a9 \u06a9\u06c1 Android \u067e\u0631 \u0628\u06be\u06cc\u060c \u062c\u0648 \u062a\u06a9\u0646\u06cc\u06a9\u06cc \u0637\u0648\u0631 \u067e\u0631 \u06a9\u0627\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0627\u0633\u06a9\u0631\u0648\u0644\u0646\u06af \u06a9\u06d2 \u062f\u0648\u0631\u0627\u0646 \u0627\u06cc\u0688\u0631\u06cc\u0633 \u0628\u0627\u0631 \u06a9\u06d2 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u0646\u06d2 \u0627\u0648\u0631 \u0633\u0633\u0679\u0645 \u06a9\u06d2 \u0633\u0648\u0627\u0626\u067e \u0627\u0634\u0627\u0631\u0648\u06ba \u06a9\u06d2 \u062f\u0631\u0645\u06cc\u0627\u0646\u060c \u0686\u067e\u0686\u067e\u0627 \u0627\u0648\u0648\u0631\u0644\u06d2 \u0627\u06cc\u06a9 \u062d\u0642\u06cc\u0642\u06cc \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06d2 \u0645\u0642\u0627\u0628\u0644\u06d2 \u0627\u06cc\u06a9 \u0686\u06be\u0648\u0679\u06cc \u0679\u0686 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u0632\u06cc\u0627\u062f\u06c1 \u0645\u062a\u0648\u0642\u0639 \u0637\u0648\u0631 \u067e\u0631 \u0628\u0631\u062a\u0627\u0624 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0648\u06cc\u0633\u06d2 \u0628\u06be\u06cc\u060c \u06cc\u06c1 \u0648\u06c1\u06cc \u06a9\u0648\u0688 \u067e\u0627\u062a\u06be \u06c1\u06d2 \u062c\u0633\u06d2 \u0622\u0626\u06cc \u0641\u0648\u0646 \u0633\u0641\u0627\u0631\u06cc \u0686\u0644\u0627\u0646\u06d2 \u067e\u0631 \u0645\u062c\u0628\u0648\u0631 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u0679\u06cc\u0633\u0679 \u06a9\u0631\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u06a9\u0645 \u0628\u0631\u0627\u0646\u0686\u06d4<\/p>\n<p>\u0622\u067e \u06a9\u0648 \u06cc\u06c1 \u0641\u06cc\u0635\u0644\u06c1 \u06a9\u0631\u0646\u06d2 \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u06a9\u06c1 \u0622\u067e \u06a9\u0648 \u06a9\u062a\u0646\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2 \u06cc\u06c1 \u062f\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0622\u067e \u06c1\u0645\u0627\u0631\u06d2 \u0645\u0648\u062c\u0648\u062f\u06c1 \u0633\u067e\u0648\u0631\u0679 \u0679\u06cc\u0628\u0644 \u06a9\u0648 \u062f\u06cc\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-keeping-the-screen-awake-with-the-wake-lock-api\">\u0648\u06cc\u06a9 \u0644\u0627\u06a9 API \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u062c\u06af\u0627\u0626\u06cc\u06ba\u06d4<\/h2>\n<p>\u0622\u067e \u0646\u06d2 \u0627\u06cc\u06a9 \u062e\u0648\u0628\u0635\u0648\u0631\u062a \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u062a\u062c\u0631\u0628\u06c1 \u0628\u0646\u0627\u06cc\u0627 \u06c1\u06d2\u06d4 \u0635\u0627\u0631\u0641\u06cc\u0646 \u067e\u06cc\u0686\u06be\u06d2 \u062c\u06be\u06a9 \u06a9\u0631 \u062f\u06cc\u06a9\u06be\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u0648\u0631 90 \u0633\u06cc\u06a9\u0646\u0688 \u06a9\u06d2 \u0628\u0639\u062f\u060c \u0633\u06a9\u0631\u06cc\u0646 \u0633\u06cc\u0627\u06c1 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06d2 \u0627\u0648\u0631 \u0644\u0627\u06a9 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06d2\u06d4 \u0627\u0633 \u06a9\u06cc \u0648\u062c\u06c1 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0622\u067e\u0631\u06cc\u0679\u0646\u06af \u0633\u0633\u0679\u0645 \u0646\u06d2 \u0627\u0646 \u067e\u0679 \u06a9\u0648 \u0646\u06c1\u06cc\u06ba \u067e\u06c1\u0686\u0627\u0646\u0627 \u0627\u0648\u0631 \u0641\u0631\u0636 \u06a9\u06cc\u0627 \u06a9\u06c1 \u0648\u06c1\u0627\u06ba \u06a9\u0648\u0626\u06cc \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4<\/p>\n<p>\u0648\u06cc\u0688\u06cc\u0648 \u0639\u0646\u0627\u0635\u0631 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0628\u0631\u0627\u0624\u0632\u0631 \u0627\u0633\u06d2 \u0622\u067e \u06a9\u06d2 \u0644\u06cc\u06d2 \u06c1\u06cc\u0646\u0688\u0644 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u062f\u06cc\u06af\u0631 \u0622\u067e\u0631\u06cc\u0634\u0646\u0632 (\u06a9\u0627\u0624\u0646\u0679 \u0688\u0627\u0624\u0646\u060c \u0633\u0644\u0627\u0626\u06cc\u0688 \u0634\u0648\u060c \u06a9\u06cc\u0646\u0648\u0633 \u0627\u06cc\u0646\u06cc\u0645\u06cc\u0634\u0646\u060c \u062a\u0631\u06a9\u06cc\u0628\u06cc\u06ba\u060c \u0627\u0633\u06a9\u0648\u0631 \u067e\u06cc\u062c\u0632\u060c \u0648\u063a\u06cc\u0631\u06c1) \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0648\u06cc\u06a9 \u0644\u0627\u06a9 API \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 \u06cc\u06c1 2024 \u0645\u06cc\u06ba \u062a\u0645\u0627\u0645 \u0628\u0691\u06d2 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 (Chrome 84+, Safari 16.4+, Firefox 126+) \u0645\u06cc\u06ba \u0628\u06be\u06cc\u062c\u06d2 \u06af\u0627 \u0627\u0648\u0631 2025 \u0645\u06cc\u06ba \u0628\u06cc\u0633 \u0644\u0627\u0626\u0646 \u06a9\u0627 \u062d\u0635\u06c1 \u0628\u0646 \u062c\u0627\u0626\u06d2 \u06af\u0627\u060c \u0627\u0633 \u0644\u06cc\u06d2 \u0627\u0633\u06d2 \u0641\u06cc \u0627\u0644\u062d\u0627\u0644 \u067e\u0648\u0644\u06cc \u0641\u0644 \u06a9\u06d2 \u0628\u063a\u06cc\u0631 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>API \u0627\u06cc\u06a9 \u0648\u0627\u062d\u062f \u06a9\u0627\u0644 \u06c1\u06d2 \u0627\u0648\u0631 \u0648\u0639\u062f\u06d2 \u067e\u0631 \u0645\u0628\u0646\u06cc \u06c1\u06d2\u06d4<\/p>\n<pre><code class=\"language-javascript\">let wakeLock = null;\n\nasync function requestWakeLock() {\n  if (!('wakeLock' in navigator)) return; \/\/ unsupported \u2013 fail silently\n\n  try {\n    wakeLock = await navigator.wakeLock.request('screen');\n    wakeLock.addEventListener('release', () => {\n      \/\/ The OS or browser released it (tab hidden, battery saver, etc.)\n      wakeLock = null;\n    });\n  } catch (err) {\n    \/\/ Rejected \u2013 most often because the device is in a power-saving mode.\n    console.warn(`Wake lock failed: ${err.name} \u2013 ${err.message}`);\n  }\n}\n\nasync function releaseWakeLock() {\n  if (wakeLock) {\n    await wakeLock.release();\n    wakeLock = null;\n  }\n}\n<\/code><\/pre>\n<p>\u062c\u0627\u0646\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u06cc\u0646 \u0627\u0635\u0648\u0644:<\/p>\n<ol>\n<li>\n<p><strong>\u0633\u06cc\u06a9\u0648\u0631\u0679\u06cc \u0633\u06cc\u0627\u0642 \u0648 \u0633\u0628\u0627\u0642 \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/strong> API \u0635\u0631\u0641 HTTPS (\u0627\u0648\u0631 <code>localhost<\/code>)\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u0627\u06af\u0631 \u0635\u0641\u062d\u06c1 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u0628\u0631\u0627\u0624\u0632\u0631 \u0627\u0633\u06d2 \u062e\u0648\u062f \u0628\u062e\u0648\u062f \u06a9\u06be\u0648\u0644 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/strong>. \u062c\u0628 \u0635\u0627\u0631\u0641 \u0679\u06cc\u0628\u0632 \u06a9\u0648 \u0633\u0648\u0626\u0686 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u0648\u0646\u0688\u0648 \u06a9\u0648 \u0686\u06be\u0648\u0679\u0627 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u06cc\u0627 \u0641\u0648\u0646 \u06a9\u0648 \u0644\u0627\u06a9 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u060c \u062c\u0628 \u0635\u0641\u062d\u06c1 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0638\u0627\u06c1\u0631 \u06c1\u0648\u062a\u0627 \u06c1\u06d2 \u062a\u0648 \u0644\u0627\u06a9\u0646\u06af \u0627\u0633 \u0648\u0642\u062a \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 <em>~ \u0646\u06c1\u06cc\u06ba<\/em> \u062e\u0648\u062f \u0648\u0627\u067e\u0633 \u0622\u062c\u0627\u0624\u06d4 \u0622\u067e \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0631\u0646\u06cc \u06c1\u0648\u06af\u06cc\u06d4<\/p>\n<\/li>\n<\/ol>\n<pre><code class=\"language-javascript\">document.addEventListener('visibilitychange', () => {\n  if (document.visibilityState === 'visible' && shouldStayAwake()) {\n    requestWakeLock();\n  }\n});\n<\/code><\/pre>\n<ol>\n<li><strong>\u0627\u0686\u06be\u06d2 \u0634\u06c1\u0631\u06cc \u0628\u0646\u06cc\u06ba\u06d4<\/strong> \u0648\u06cc\u06a9 \u062a\u0627\u0644\u06d2 \u0628\u06cc\u0679\u0631\u06cc \u06a9\u06cc \u0637\u0627\u0642\u062a \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4 \u0627\u0633\u06d2 \u0635\u0631\u0641 \u0627\u0633 \u0648\u0642\u062a \u067e\u06a9\u0691\u06cc\u06ba \u200b\u200b\u062c\u0628 \u06cc\u06c1 \u0648\u0627\u0642\u0639\u06cc \u0645\u0641\u06cc\u062f \u06c1\u0648\u060c \u062c\u06cc\u0633\u06d2 \u06a9\u06c1 \u062c\u0628 \u06a9\u0648\u0626\u06cc \u0686\u06cc\u0632 \u0686\u0644 \u0631\u06c1\u06cc \u06c1\u0648\u060c \u0686\u0644 \u0631\u06c1\u06cc \u06c1\u0648 \u06cc\u0627 \u062f\u06a9\u06be\u0627 \u0631\u06c1\u06cc \u06c1\u0648\u06d4 \u062c\u0633 \u0644\u0645\u062d\u06d2 \u062a\u0645 \u0631\u06a9 \u062c\u0627\u0624\u060c \u062c\u0627\u0646\u06d2 \u062f\u0648\u06d4<\/li>\n<\/ol>\n<p>\u0627\u0686\u06be\u06cc \u0628\u0627\u062a \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 API \u067e\u06c1\u0644\u06d2 \u0633\u06d2 \u06c1\u06cc \"\u06a9\u0686\u06be \u0638\u0627\u06c1\u0631 \u06c1\u0648 \u0631\u06c1\u0627 \u06c1\u06d2\" \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u06cc\u06a9 \u0628\u06c1\u062a\u0631\u06cc\u0646 \u0633\u06af\u0646\u0644 \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 <code>fullscreenchange<\/code>. \u062c\u0628 \u0635\u0627\u0631\u0641 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u060c \u062a\u0648 \u0648\u06c1 \u0644\u0627\u06a9 \u06a9\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u062c\u0628 \u06cc\u06c1 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0633\u06d2 \u0622\u06af\u06d2 \u0628\u0691\u06be \u062c\u0627\u0626\u06d2 \u062a\u0648 \u0627\u0633\u06d2 \u0631\u06cc\u0644\u06cc\u0632 \u06a9\u0631\u06cc\u06ba\u06d4<\/p>\n<p>\u062a\u0627\u06c1\u0645\u060c \u0645\u06a9\u0645\u0644 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06c1\u06cc \u0648\u0627\u062d\u062f \u0627\u0686\u06be\u0627 \u0633\u06af\u0646\u0644 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u060c \u06cc\u06c1 \u06cc\u06c1 \u0633\u0648\u0686\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0648\u06cc\u06a9 \u0644\u0627\u06a9 \u0627\u06af\u0644\u06d2 \u06a9\u06d2 \u0633\u0627\u062a\u06be \u06a9\u06cc\u0627 \u0645\u0646\u0633\u0644\u06a9 \u06c1\u06d2\u06d4 <em>\u0633\u0631\u06af\u0631\u0645\u06cc<\/em> \u0627\u0644\u0679\u06cc \u06af\u0646\u062a\u06cc \u0634\u0631\u0648\u0639 \u06c1\u0648\u0646\u06d2 \u067e\u0631 \u063a\u06cc\u0631 \u0688\u0633\u067e\u0644\u06d2 \u06a9\u0627\u0624\u0646\u0679 \u0688\u0627\u0624\u0646 \u0679\u0627\u0626\u0645\u0631 \u0627\u06cc\u06a9 \u0644\u0627\u06a9 \u06a9\u06cc \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u062c\u0628 0 \u062a\u06a9 \u067e\u06c1\u0646\u0686 \u062c\u0627\u062a\u0627 \u06c1\u06d2 \u06cc\u0627 \u0631\u06a9 \u062c\u0627\u062a\u0627 \u06c1\u06d2 \u062a\u0648 \u0644\u0627\u06a9 \u06a9\u0648 \u062c\u0627\u0631\u06cc \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba ( \u0642\u0637\u0639 \u0646\u0638\u0631 \u0627\u0633 \u0633\u06d2 \u06a9\u06c1 \u0635\u0641\u062d\u06c1 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u06c1\u06d2 \u06cc\u0627 \u0646\u06c1\u06cc\u06ba)\u06d4 \u06a9\u06cc\u0648\u0646\u06a9\u06c1 \u06a9\u0648\u0626\u06cc \u0628\u06be\u06cc \u0627\u06cc\u0633\u0627 \u0679\u0627\u0626\u0645\u0631 \u0646\u06c1\u06cc\u06ba \u0686\u0627\u06c1\u062a\u0627 \u062c\u0648 90 \u0633\u06cc\u06a9\u0646\u0688 \u06a9\u06d2 \u0646\u0634\u0627\u0646 \u067e\u0631 \u06af\u06c1\u0631\u0627 \u06c1\u0648\u06d4 \u0628\u0627\u0631\u0634 \u06a9\u06d2 \u0633\u0627\u0624\u0646\u0688 \u067e\u0644\u06cc\u0626\u0631 \u0645\u06cc\u06ba\u060c \u0644\u0627\u06a9\u0646\u06af \u0622\u0688\u06cc\u0648 \u06a9\u06cc \u067e\u06cc\u0631\u0648\u06cc \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u067e\u0644\u06d2 \u0628\u06cc\u06a9 \u067e\u0631 \u062d\u0627\u0635\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u0628\u0646\u062f \u06c1\u0648\u0646\u06d2 \u067e\u0631 \u06cc\u0627 \u062c\u0628 \u0646\u06cc\u0646\u062f \u06a9\u0627 \u0679\u0627\u0626\u0645\u0631 \u0622\u0648\u0627\u0632 \u06a9\u0648 \u062e\u062a\u0645 \u06a9\u0631 \u062f\u06cc\u062a\u0627 \u06c1\u06d2 \u062a\u0648 \u0627\u0633\u06d2 \u063a\u06cc\u0631 \u0645\u0642\u0641\u0644 \u06a9\u06cc\u0627 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0627\u0631 \u0627\u06cc\u06a9 \u06c1\u06cc \u06c1\u06d2\u06d4 \u0648\u0627\u062d\u062f \u0645\u0645\u06a9\u0646\u06c1 \u062c\u0648\u0627\u0628 \u06cc\u06c1 \u06c1\u06d2 \u06a9\u06c1 \"\u06a9\u06cc\u0627 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u0627\u0628\u06be\u06cc \u0622\u0646 \u0631\u06c1\u0646\u0627 \u0686\u0627\u06c1\u06cc\u06d2\u061f\" \u0633\u0648\u0627\u0644 \u0628\u062f\u0644 \u062c\u0627\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<h2 id=\"heading-putting-it-all-together\">\u06cc\u06c1 \u0633\u0628 \u0627\u06cc\u06a9 \u0633\u0627\u062a\u06be \u0688\u0627\u0644\u0646\u0627<\/h2>\n<p>\u067e\u0648\u0631\u0627 \u067e\u06cc\u0679\u0631\u0646 \u0627\u06cc\u06a9 \u062c\u06af\u06c1 \u067e\u0631 \u06c1\u06d2\u060c \u0628\u0634\u0645\u0648\u0644 \u06a9\u06cc \u0628\u0648\u0631\u0688 \u0634\u0627\u0631\u0679 \u06a9\u0679\u0633 \u06a9\u0627 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06d2 \u06c1\u0648\u0626\u06d2 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u0633\u0648\u0626\u0686 \u06a9\u0631\u0646\u0627\u060c \u0648\u06cc\u06a9 \u0644\u0627\u06a9\u0633 \u062c\u0648 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u062d\u0627\u0644\u062a \u06a9\u06cc \u067e\u06cc\u0631\u0648\u06cc \u06a9\u0631\u062a\u06d2 \u06c1\u06cc\u06ba\u060c UI \u062c\u0648 \u0645\u0637\u0627\u0628\u0642\u062a \u067e\u0630\u06cc\u0631 \u0631\u06c1\u062a\u0627 \u06c1\u06d2 \u0627\u0633 \u0633\u06d2 \u06a9\u0648\u0626\u06cc \u0641\u0631\u0642 \u0646\u06c1\u06cc\u06ba \u067e\u0691\u062a\u0627 \u06c1\u06d2 \u06a9\u06c1 \u0635\u0627\u0631\u0641 \u06a9\u06cc\u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0646\u06a9\u0644\u062a\u0627 \u06c1\u06d2\u060c \u0627\u0648\u0631 \u0627\u06cc\u0633\u06d2 \u0628\u0631\u0627\u0624\u0632\u0631\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0641\u0627\u0644 \u0628\u06cc\u06a9\u0633 \u062c\u0648 \u0627\u06cc\u0633\u0627 \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2\u06d4<\/p>\n<pre><code class=\"language-javascript\">const toggleBtn = document.getElementById('fs-toggle');\nlet wakeLock = null;\n\n\/* ---------- Fullscreen compatibility layer ---------- *\/\nconst fs = {\n  get element() {\n    return document.fullscreenElement ?? document.webkitFullscreenElement ?? null;\n  },\n  get enabled() {\n    return Boolean(document.fullscreenEnabled ?? document.webkitFullscreenEnabled);\n  },\n  request(el = document.documentElement) {\n    if (el.requestFullscreen) return el.requestFullscreen();\n    if (el.webkitRequestFullscreen) return Promise.resolve(el.webkitRequestFullscreen());\n    return Promise.reject(new Error('Fullscreen not supported'));\n  },\n  exit() {\n    if (document.exitFullscreen) return document.exitFullscreen();\n    if (document.webkitExitFullscreen) return Promise.resolve(document.webkitExitFullscreen());\n    return Promise.reject(new Error('Fullscreen not supported'));\n  },\n};\n\n\/* ---------- Wake lock ---------- *\/\nasync function requestWakeLock() {\n  if (!('wakeLock' in navigator) || wakeLock) return;\n  try {\n    wakeLock = await navigator.wakeLock.request('screen');\n    wakeLock.addEventListener('release', () => { wakeLock = null; });\n  } catch (err) {\n    console.warn(`Wake lock failed: ${err.name}`);\n  }\n}\n\nasync function releaseWakeLock() {\n  if (!wakeLock) return;\n  await wakeLock.release();\n  wakeLock = null;\n}\n\n\/* ---------- Toggle ---------- *\/\nasync function toggleFullscreen() {\n  const pseudo = document.body.classList.contains('pseudo-fullscreen');\n  try {\n    if (pseudo) {\n      document.body.classList.remove('pseudo-fullscreen');\n      onFullscreenChange();\n    } else if (!fs.element) {\n      await fs.request();\n    } else {\n      await fs.exit();\n    }\n  } catch (err) {\n    \/\/ The API refused (iframe policy, unsupported platform, etc.) \u2013 degrade gracefully.\n    document.body.classList.add('pseudo-fullscreen');\n    onFullscreenChange();\n  }\n}\n\n\/* ---------- Keep everything in sync ---------- *\/\nfunction onFullscreenChange() {\n  const active = Boolean(fs.element) || document.body.classList.contains('pseudo-fullscreen');\n  toggleBtn.textContent = active ? 'Exit fullscreen' : 'Fullscreen';\n  toggleBtn.setAttribute('aria-pressed', String(active));\n  document.body.classList.toggle('is-fullscreen', active);\n\n  \/\/ The screen should stay awake exactly as long as we're fullscreen.\n  if (active) requestWakeLock(); else releaseWakeLock();\n}\n\n['fullscreenchange', 'webkitfullscreenchange'].forEach((evt) =>\n  document.addEventListener(evt, onFullscreenChange)\n);\n\n\/\/ Re-acquire the lock if the tab was hidden and came back while fullscreen.\ndocument.addEventListener('visibilitychange', () => {\n  if (document.visibilityState === 'visible' && fs.element) requestWakeLock();\n});\n\n\/* ---------- Wiring ---------- *\/\ntoggleBtn.addEventListener('click', toggleFullscreen);\ndocument.addEventListener('keydown', (e) => {\n  if (e.target.matches('input, textarea, [contenteditable]')) return;\n  if (e.key === 'f' || e.key === 'F') { e.preventDefault(); toggleFullscreen(); }\n});\n\/\/ Unsupported platforms (iPhone Safari) simply take the catch branch above\n\/\/ on the first click and land in pseudo-fullscreen \u2013 no user-agent sniffing needed.\n\/\/ One more mobile quirk: rotating the device changes the viewport *after*\n\/\/ the event fires, so re-measure your canvas or layout a beat later.\nconst resizeStage = () => { \/* re-measure whatever fills the screen *\/ };\nwindow.addEventListener('orientationchange', () => setTimeout(resizeStage, 100));\n<\/code><\/pre>\n<p>\u0627\u0648\u0631 \u0645\u0645\u0627\u062b\u0644 \u0633\u06cc \u0627\u06cc\u0633 \u0627\u06cc\u0633 \u06c1\u06d2:<\/p>\n<pre><code class=\"language-css\">html { background: #000; }\n\n:fullscreen { overflow: hidden; cursor: none; }\n:fullscreen::backdrop { background: #000; }\n\n\/* Fallback for browsers without element fullscreen *\/\nbody.pseudo-fullscreen .app { position: fixed; inset: 0; }\nbody.pseudo-fullscreen .chrome { display: none; }\n<\/code><\/pre>\n<p>\u06cc\u06c1 \u062a\u0642\u0631\u06cc\u0628\u0627\u064b 60 \u0644\u0627\u0626\u0646\u06cc\u06ba \u06c1\u06cc\u06ba \u0627\u0648\u0631 \u0648\u06c1\u06cc \u06a9\u0648\u0631 \u06c1\u06d2 \u062c\u0633\u06d2 \u0622\u067e \u067e\u0631\u0648\u0688\u06a9\u0634\u0646 \u0645\u06cc\u06ba \u0686\u0644\u0627\u0626\u06cc\u06ba \u06af\u06d2\u06d4 \u062a\u0645\u0627\u0645 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0622\u0626\u0679\u0645\u0632 \u06a9\u0648 \u0627\u06cc\u0646\u0627\u0644\u06cc\u0679\u06a9\u0633 \u0627\u06cc\u0648\u0646\u0679\u0633 \u06a9\u06d2 \u0628\u0637\u0648\u0631 \u0644\u0627\u06af \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4 <em>\u06c1\u06d2<\/em> \u06cc\u06c1 \u0648\u06c1 \u06a9\u0648\u0688 \u06c1\u06d2 \u062c\u0648 \u062a\u0628\u062f\u06cc\u0644\u06cc \u06a9\u0648 \u0627\u0646\u062c\u0627\u0645 \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u062b\u0627\u0644 \u06a9\u06d2 \u0637\u0648\u0631 \u067e\u0631\u060c \u06cc\u06c1 Blankscreen.io \u067e\u0631 \u0628\u0644\u06cc\u06a9 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u06cc\u062c \u06a9\u0648 \u0637\u0627\u0642\u062a \u062f\u06cc\u062a\u0627 \u06c1\u06d2\u06d4 \u0627\u0633 \u0635\u0641\u062d\u06c1 \u06a9\u0627 \u067e\u0648\u0631\u0627 \u06a9\u0627\u0645 \u0688\u0633\u067e\u0644\u06d2 \u06a9\u0648 \u0645\u06a9\u0645\u0644 \u0637\u0648\u0631 \u067e\u0631 \u0633\u06cc\u0627\u06c1 \u06a9\u0631\u0646\u0627 \u0627\u0648\u0631 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u06d2 \u06cc\u0627 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u06d2 \u067e\u0631 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u062c\u0627\u0646\u0627 \u06c1\u06d2\u06d4 <code>F<\/code> \u0627\u06cc\u06a9 \u06a9\u0644\u06cc\u062f \u062f\u0628\u0627\u0626\u06cc\u06ba\u060c \u067e\u0648\u0627\u0626\u0646\u0679\u0631 \u06a9\u0648 \u0686\u06be\u067e\u0627\u0626\u06cc\u06ba\u060c \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u06c1\u0648\u062a\u06d2 \u0648\u0642\u062a \u062c\u0627\u06af\u062a\u06d2 \u0631\u06c1\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0633\u06d2 \u0635\u0627\u0641 \u0637\u0648\u0631 \u067e\u0631 \u062f\u0648\u0631 \u062c\u0627\u0626\u06cc\u06ba\u06d4 <code>Esc<\/code>. \u0627\u06af\u0631 \u0622\u067e \u0627\u0633\u06d2 \u0627\u067e\u0646\u06d2 \u0622\u0626\u06cc \u0641\u0648\u0646 \u067e\u0631 \u06a9\u06be\u0648\u0644\u062a\u06d2 \u06c1\u06cc\u06ba\u060c \u062a\u0648 \u0622\u067e \u0627\u0648\u067e\u0631 \u062f\u06cc\u06a9\u06be \u0633\u06a9\u062a\u06d2 \u06c1\u06cc\u06ba \u06a9\u06c1 \u0627\u0633 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u06cc\u06c1 \u0648\u0631\u0686\u0648\u0626\u0644 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0641\u0627\u0644 \u0628\u06cc\u06a9 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/umang.pk\/wp-content\/uploads\/2026\/09\/1790765743_66_\u062c\u0627\u0648\u0627-\u0627\u0633\u06a9\u0631\u067e\u0679-\u0633\u06d2-\u0641\u0644-\u0633\u06a9\u0631\u06cc\u0646-API-\u06a9\u0627-\u0627\u0633\u062a\u0639\u0645\u0627\u0644-\u06a9\u06cc\u0633\u06d2-\u06a9\u0631\u06cc\u06ba.png\" alt=\"\u0627\u06cc\u06a9 \u062e\u0627\u0644\u0635 \u0633\u06cc\u0627\u06c1 \u0648\u06cc\u0628 \u0635\u0641\u062d\u06c1 \u062c\u0633 \u0645\u06cc\u06ba &#039;\u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u062f\u06cc\u06a9\u06be\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u06a9\u0644\u06a9 \u06a9\u0631\u06cc\u06ba&#039; \u067e\u0631\u0627\u0645\u067e\u0679 \u062f\u06a9\u06be\u0627\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2 \u062c\u0633 \u0645\u06cc\u06ba \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0646\u06a9\u0644\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 F \u0627\u0648\u0631 \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0633\u06d2 \u0628\u0627\u06c1\u0631 \u0646\u06a9\u0644\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 Esc \u062f\u0628\u0627\u0646\u06d2 \u06a9\u06d2 \u0627\u0634\u0627\u0631\u06d2 \u06c1\u06cc\u06ba\u06d4\" style=\"display: block;\" width=\"600\" height=\"400\" loading=\"lazy\" title=\"\"><\/p>\n<p>\u06cc\u06c1\u06cc \u0646\u0645\u0648\u0646\u06c1 \u062d\u0642\u06cc\u0642\u06cc \u0632\u0646\u062f\u06af\u06cc \u06a9\u06d2 \u062d\u0627\u0644\u0627\u062a \u0645\u06cc\u06ba \u0644\u0627\u06af\u0648 \u06c1\u0648\u062a\u0627 \u06c1\u06d2\u06d4 \u0627\u06cc\u06a9 \u0628\u0627\u0631 \u06a9\u0644\u06a9 \u06a9\u0631\u0646\u06d2 \u06cc\u0627 F \u0628\u0679\u0646 \u06a9\u0648 \u062f\u0628\u0627\u0646\u06d2 \u0633\u06d2 \u067e\u0648\u0631\u0627 \u0688\u0633\u067e\u0644\u06d2 \u0633\u06cc\u0627\u06c1 \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u06af\u0627 \u0627\u0648\u0631 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0627\u0633 \u0648\u0642\u062a \u062a\u06a9 \u0641\u0639\u0627\u0644 \u0631\u06c1\u06d2 \u06af\u06cc \u062c\u0628 \u062a\u06a9 \u06cc\u06c1 \u0638\u0627\u06c1\u0631 \u06c1\u06d2\u06d4 Esc \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u0648 \u062f\u0648\u0628\u0627\u0631\u06c1 \u0644\u0648\u0688 \u06a9\u0631\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0627\u06cc\u06a9 \u0628\u0627\u0631 \u062c\u0628 \u0622\u067e \u06a9\u06d2 \u067e\u0627\u0633 \u06cc\u06c1 \u067e\u06cc\u0679\u0631\u0646 \u06c1\u0648 \u062c\u0627\u0626\u06d2 \u062a\u0648\u060c \u0627\u0633\u06d2 \u0627\u067e\u0646\u06d2 \u0679\u0627\u0626\u0645\u0631\u060c \u0633\u0644\u0627\u0626\u06cc\u0688 \u0634\u0648\u060c \u06cc\u0627 \u06a9\u06cc\u0646\u0648\u0633 \u06a9\u06d2 \u062a\u062c\u0631\u0628\u06d2 \u0645\u06cc\u06ba \u0634\u0627\u0645\u0644 \u06a9\u0631\u0646\u0627 \u0627\u0633 \u0639\u0646\u0635\u0631 \u067e\u0631 \u0686\u06be\u0648\u0691\u0646\u06d2 \u06a9\u0627 \u0645\u0639\u0627\u0645\u0644\u06c1 \u06c1\u06d2 \u062c\u0633\u06d2 \u0622\u067e \u0627\u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u06a9\u0631\u0646\u0627 \u0686\u0627\u06c1\u062a\u06d2 \u06c1\u06cc\u06ba\u06d4<\/p>\n<h2 id=\"heading-a-quick-gotcha-checklist\">\u0641\u0648\u0631\u06cc \u0645\u0633\u0626\u0644\u06c1 \u0686\u06cc\u06a9 \u0644\u0633\u0679<\/h2>\n<p>\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0634\u067e\u0646\u06af \u0633\u06d2 \u067e\u06c1\u0644\u06d2 \u0627\u0633 \u0644\u0633\u0679\u0646\u06af \u06a9\u0627 \u062c\u0627\u0626\u0632\u06c1 \u0644\u06cc\u06ba\u06d4 \u062a\u0645\u0627\u0645 \u0622\u0626\u0679\u0645\u0632 \u0648\u06c1 \u06c1\u06cc\u06ba \u062c\u0646\u06c1\u06cc\u06ba \u0645\u06cc\u06ba \u0646\u06d2 \u06a9\u0645 \u0627\u0632 \u06a9\u0645 \u0627\u06cc\u06a9 \u0628\u0627\u0631 \u06a9\u0627\u0679\u0627 \u06c1\u06d2\u06d4<\/p>\n<ul>\n<li>\n<p><strong>\u0635\u0627\u0631\u0641 \u06a9\u06cc \u06a9\u0627\u0631\u0631\u0648\u0627\u0626\u06cc \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2:<\/strong> \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0644\u0648\u0688 \u06c1\u0648\u0646\u06d2 \u067e\u0631\u060c \u0679\u0627\u0626\u0645\u0631 \u067e\u0631\u060c \u06cc\u0627 \u0627\u06cc\u06a9 \u062e\u0627\u0635 \u0648\u0642\u062a \u06a9\u06d2 \u0628\u0639\u062f \u0638\u0627\u06c1\u0631 \u0646\u06c1\u06cc\u06ba \u06c1\u0648\u062a\u06cc \u06c1\u06d2\u06d4 <code>await<\/code> \u0627\u0633 \u0645\u06cc\u06ba \u06a9\u0686\u06be \u0648\u0642\u062a \u0644\u06af\u06d2 \u06af\u0627\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u062e\u0648\u062f \u0627\u0633\u0679\u06cc\u0679\u0633 \u06a9\u0648 \u0679\u0631\u06cc\u06a9 \u0646\u06c1 \u06a9\u0631\u06cc\u06ba\u06d4<\/strong> \u067e\u0691\u06be\u06cc\u06ba <code>document.fullscreenElement<\/code> \u0627\u0648\u0631 \u0633\u0646\u0648 <code>fullscreenchange<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>\u0622\u067e \u0627\u0633\u06d2 \u0628\u0644\u0627\u06a9 \u0646\u06c1\u06cc\u06ba \u06a9\u0631 \u0633\u06a9\u062a\u06d2\u06d4<\/strong><code>Esc<\/code><strong>:<\/strong> \u06a9\u0633\u06cc \u0628\u06be\u06cc \u0648\u0642\u062a \u062c\u0627\u0646\u06d2 \u0648\u0627\u0644\u06d2 \u0635\u0627\u0631\u0641\u06cc\u0646 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0688\u06cc\u0632\u0627\u0626\u0646 \u06a9\u06cc\u0627 \u06af\u06cc\u0627 \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u0645\u062c\u06be\u06d2 \u0627\u0648\u0644\u0688 \u0633\u0641\u0627\u0631\u06cc \u0686\u0627\u06c1\u06cc\u06d2\u06d4<\/strong> <code>webkit<\/code> <strong>\u0633\u0627\u0628\u0642\u06c1<\/strong> \u06a9\u0633 \u0637\u0631\u062d \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba <em>\u0627\u0648\u0631<\/em> \u0648\u0627\u0642\u0639\u06c1 \u06a9\u0627 \u0646\u0627\u0645\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u0622\u0626\u06cc \u0641\u0648\u0646 \u0633\u0641\u0627\u0631\u06cc \u0645\u06cc\u06ba \u06a9\u0648\u0626\u06cc \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u0639\u0646\u0635\u0631 \u0646\u06c1\u06cc\u06ba \u06c1\u06d2\u06d4<\/strong> \u062e\u0635\u0648\u0635\u06cc\u062a \u06a9\u0627 \u067e\u062a\u06c1 \u0644\u06af\u0627\u0646\u0627 <code>document.fullscreenEnabled<\/code>\u0631\u0646 \u0679\u0627\u0626\u0645 \u0645\u0633\u062a\u0631\u062f\u0648\u06ba \u06a9\u0648 \u0633\u0627\u062f\u06c1 \u06a9\u0646\u0633\u0648\u0644 \u0648\u0627\u0631\u0646\u0646\u06af\u0632 \u06a9\u06d2 \u0628\u062c\u0627\u0626\u06d2 \u0641\u0627\u0644 \u0628\u06cc\u06a9 \u0679\u0631\u06af\u0631\u0632 \u0633\u0645\u062c\u06be\u06cc\u06ba\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u0635\u0641\u062d\u06c1 \u06a9\u06cc \u0627\u067e\u0646\u06cc \u06a9\u0644\u06cc\u062f\u0648\u06ba \u06a9\u06d2 \u0644\u06cc\u06d2 \u0634\u0627\u0631\u0679 \u06a9\u0679 \u0686\u06cc\u06a9 \u06a9\u0631\u06cc\u06ba\u06d4<\/strong> \u0627\u06af\u0631 \u06a9\u0648\u0626\u06cc \u0627\u06cc\u067e \u062d\u0631\u0648\u0641 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u062a\u06cc \u06c1\u06d2 \u062a\u0648 \u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0635\u0631\u0641 \u0634\u0627\u0631\u0679 \u06a9\u0679 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4 <em>\u062f\u0627\u062e\u0644 \u06a9\u0631\u06cc\u06ba<\/em> \u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 \u067e\u0631 \u062c\u0627\u0626\u06cc\u06ba \u0627\u0648\u0631 \u067e\u06be\u0631 \u0686\u06be\u0648\u0691 \u062f\u06cc\u06ba\u06d4 <code>Esc<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>\u06a9\u06cc \u0628\u0648\u0631\u0688 \u06a9\u06d2 \u0644\u06cc\u06d2 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u06cc \u0633\u0637\u062d \u06a9\u0648 \u0642\u0627\u0628\u0644 \u0631\u0633\u0627\u0626\u06cc \u0628\u0646\u0627\u0626\u06cc\u06ba<\/strong> (<code>tabindex=\"0\"<\/code>, <code>Enter<\/code>\/<code>Space<\/code>)\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u0648\u06cc\u06a9 \u0644\u0627\u06a9 \u06a9\u0648 HTTPS \u06a9\u06cc \u0636\u0631\u0648\u0631\u062a \u06c1\u06d2\u06d4<\/strong> \u0627\u0633\u06d2 \u0628\u06cc\u0679\u0631\u06cc \u0633\u06cc\u0648\u0631 \u0645\u0648\u0688 \u0645\u06cc\u06ba \u0645\u0633\u062a\u0631\u062f \u06a9\u06cc\u0627 \u062c\u0627 \u0633\u06a9\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u0635\u0641\u062d\u06c1 \u0686\u06be\u067e\u0646\u06d2 \u067e\u0631 \u062d\u0630\u0641 \u06c1\u0648 \u0633\u06a9\u062a\u0627 \u06c1\u06d2\u06d4 \u062a\u0627\u0631\u06cc\u062e \u06a9\u06cc \u062f\u0648\u0628\u0627\u0631\u06c1 \u062f\u0631\u062e\u0648\u0627\u0633\u062a \u06a9\u0631\u06cc\u06ba\u06d4 <code>visibilitychange<\/code>.<\/p>\n<\/li>\n<li>\n<p><strong>\u0648\u06cc\u06a9 \u0644\u0627\u06a9 \u06a9\u0648 \u062c\u0627\u0631\u06cc \u06a9\u0631\u06cc\u06ba\u06d4<\/strong> \u062c\u06cc\u0633\u06d2 \u06c1\u06cc \u0648\u062c\u06c1 \u063a\u0627\u0626\u0628 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06d2\u06d4<\/p>\n<\/li>\n<li>\n<p><strong>\u0628\u0631\u0627\u06c1 \u06a9\u0631\u0645 \u0627\u06cc\u06a9 \u067e\u0633 \u0645\u0646\u0638\u0631 \u0627\u0646\u0633\u0679\u0627\u0644 \u06a9\u0631\u06cc\u06ba\u06d4<\/strong> <code>html<\/code>\u06c1\u0627\u06ba <code>body<\/code>\u0635\u0641\u062d\u06c1 \u06a9\u0648 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0645\u06cc\u06ba \u062f\u06cc\u06a9\u06be\u062a\u06d2 \u0648\u0642\u062a\u06d4<\/p>\n<\/li>\n<\/ul>\n<h2 id=\"heading-conclusion\">\u0646\u062a\u06cc\u062c\u06c1<\/h2>\n<p>\u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646 API \u0627\u0646 \u0628\u0631\u0627\u0624\u0632\u0631 \u06a9\u06cc \u062e\u0635\u0648\u0635\u06cc\u0627\u062a \u0645\u06cc\u06ba \u0633\u06d2 \u0627\u06cc\u06a9 \u06c1\u06d2 \u062c\u0648 \u0628\u0638\u0627\u06c1\u0631 \u0627\u06cc\u06a9 \u0648\u0646 \u0644\u0627\u0626\u0646\u0631 \u06a9\u06cc \u0637\u0631\u062d \u06c1\u06d2\u060c \u0644\u06cc\u06a9\u0646 \u0634\u062e\u0635\u06cc\u062a \u06a9\u06cc \u062d\u0627\u0645\u0644 \u06c1\u06d2\u06d4<\/p>\n<p>\u0628\u0646\u06cc\u0627\u062f\u06cc (<code>requestFullscreen()<\/code>, <code>exitFullscreen()<\/code>, <code>fullscreenElement<\/code>\u0627\u0648\u0631 <code>fullscreenchange<\/code> \u0648\u0627\u0642\u0639\u06c1) \u06cc\u06c1 \u0648\u0627\u0642\u0639\u06cc \u0622\u0633\u0627\u0646 \u06c1\u06d2\u06d4 \u0622\u0631\u0679 \u0635\u0627\u0631\u0641 \u06a9\u06d2 \u0627\u0634\u0627\u0631\u0648\u06ba \u06a9\u06d2 \u0627\u0635\u0648\u0644\u0648\u06ba \u06a9\u0627 \u0627\u062d\u062a\u0631\u0627\u0645 \u06a9\u0631\u0646\u0627\u060c UI \u06a9\u0648 \u0627\u0633 \u06a9\u06cc \u0627\u0635\u0644 \u062d\u0627\u0644\u062a \u06a9\u06d2 \u0628\u0627\u0631\u06d2 \u0645\u06cc\u06ba \u0627\u06cc\u0645\u0627\u0646\u062f\u0627\u0631 \u0631\u06a9\u06be\u0646\u0627\u060c \u0633\u0641\u0627\u0631\u06cc \u06a9\u06cc \u062a\u0627\u0631\u06cc\u062e \u06a9\u0648 \u06c1\u06cc\u0646\u0688\u0644 \u06a9\u0631\u0646\u0627\u060c \u0627\u0648\u0631 \u06cc\u0627\u062f \u0631\u06a9\u06be\u0646\u0627 \u06a9\u06c1 \"\u0641\u0644 \u0633\u06a9\u0631\u06cc\u0646\" \u0635\u0631\u0641 \u0622\u062f\u06be\u0627 \u06a9\u0627\u0645 \u06c1\u06d2 \u062c\u0628 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u062f\u0648 \u0645\u0646\u0679 \u06a9\u06d2 \u0628\u0639\u062f \u0633\u06cc\u0627\u06c1 \u06c1\u0648 \u062c\u0627\u062a\u06cc \u06c1\u06d2\u06d4 \u0648\u06cc\u06a9 \u0644\u0627\u06a9 API \u0627\u0633 \u0641\u0631\u0642 \u06a9\u0648 \u067e\u0648\u0631\u0627 \u06a9\u0631\u062a\u0627 \u06c1\u06d2 \u0627\u0648\u0631 \u062f\u0648\u0646\u0648\u06ba \u06a9\u0648 \u062c\u0648\u0691\u062a\u0627 \u06c1\u06d2\u06d4 <code>fullscreenchange<\/code> \u062f\u0648\u0646\u0648\u06ba \u06a9\u0648 \u0635\u0627\u0641 \u0633\u062a\u06be\u0631\u0627 \u0631\u06a9\u06be\u062a\u0627 \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0646\u062f\u0631\u062c\u06c1 \u0628\u0627\u0644\u0627 60 \u0644\u0627\u0626\u0646 \u067e\u06cc\u0679\u0631\u0646 \u0645\u06cc\u06ba \u0627\u067e\u0646\u06d2 \u0639\u0646\u0627\u0635\u0631 \u0634\u0627\u0645\u0644 \u06a9\u0631\u06cc\u06ba\u060c \u0627\u0648\u0631 \u0622\u067e \u06a9\u0648 \u0627\u06cc\u06a9 \u0645\u06a9\u0645\u0644 \u0627\u0633\u06a9\u0631\u06cc\u0646 \u062a\u062c\u0631\u0628\u06c1 \u0645\u0644\u06d2 \u06af\u0627 \u062c\u0648 \u067e\u06cc\u0634\u06a9\u0634\u0648\u06ba \u0633\u06d2 \u0644\u06d2 \u06a9\u0631 \u06af\u06cc\u0645\u0632 \u062a\u06a9 \u06c1\u0631 \u0686\u06cc\u0632 \u06a9\u06d2 \u0644\u06cc\u06d2 \u0627\u0633\u062a\u0639\u0645\u0627\u0644 \u06c1\u0648\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2 \u062a\u06cc\u0627\u0631 \u06c1\u06d2\u06d4<\/p>\n<p>\u0645\u0628\u0627\u0631\u06a9 \u06a9\u0648\u0688\u0646\u06af!<\/p>\n<\/p><\/div>\n<hr\/>\n<hr\/>\n<p data-test-label=\"social-row-cta\" class=\"social-row\">\n<p>    \u0627\u06af\u0631 \u0622\u067e \u06a9\u0648 \u06cc\u06c1 \u0645\u0636\u0645\u0648\u0646 \u0645\u0641\u06cc\u062f \u0644\u06af\u0627\u060c <button id=\"tweet-btn\" class=\"cta-button\" data-test-label=\"tweet-button\">\u0634\u06cc\u0626\u0631 \u06a9\u0631\u06cc\u06ba<\/button>.\n<\/p>\n<div class=\"learn-cta-row\" data-test-label=\"learn-cta-row\">\n<p>        \u0645\u0641\u062a \u0645\u06cc\u06ba \u06a9\u0648\u0688 \u0633\u06cc\u06a9\u06be\u06cc\u06ba\u06d4 freeCodeCamp \u06a9\u06d2 \u0627\u0648\u067e\u0646 \u0633\u0648\u0631\u0633 \u0646\u0635\u0627\u0628 \u0646\u06d2 40,000 \u0633\u06d2 \u0632\u06cc\u0627\u062f\u06c1 \u0644\u0648\u06af\u0648\u06ba \u06a9\u0648 \u0628\u0637\u0648\u0631 \u0688\u06cc\u0648\u0644\u067e\u0631 \u0645\u0644\u0627\u0632\u0645\u062a\u06cc\u06ba \u0641\u0631\u0627\u06c1\u0645 \u06a9\u0631\u0646\u06d2 \u0645\u06cc\u06ba \u0645\u062f\u062f \u06a9\u06cc \u06c1\u06d2\u06d4 \u0634\u0631\u0648\u0639 \u06a9\u0631\u0646\u0627\n    <\/p>\n<\/div>\n<section class=\"partner-courses partner-courses-banner\" aria-labelledby=\"partner-courses-label-banner\" data-test-label=\"class-central-course-banner\">\n<p class=\"partner-courses-label\" id=\"partner-courses-label-banner\">\u0634\u0631\u0627\u06a9\u062a \u062f\u0627\u0631\u0648\u06ba \u06a9\u06d2 \u0630\u0631\u06cc\u0639\u06c1 \u062a\u062c\u0648\u06cc\u0632 \u06a9\u0631\u062f\u06c1 \u06a9\u0648\u0631\u0633\u0632<\/p>\n<\/section>\n<p>        <\/code><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0627\u0633\u06a9\u0631\u06cc\u0646 \u06a9\u0648 \u0628\u06be\u0631\u062a\u0627 \u06c1\u06d2\u06d4 \u062f\u0633\u062a\u0627\u0648\u06cc\u0632 \u0645\u06cc\u06ba \u0628\u0627\u0642\u06cc \u062a\u0645\u0627\u0645 \u0645\u0648\u0627\u062f \u0627\u0633 \u06a9\u06d2 \u067e\u06cc\u0686\u06be\u06d2 \u0686\u06be\u067e\u0627 \u06c1\u0648\u0627 \u06c1\u06d2\u06d4 \u067e\u0648\u0631\u06d2 \u0635\u0641\u062d\u06c1 \u06a9\u0648 \u067e\u0648\u0631\u06cc \u0627\u0633\u06a9\u0631\u06cc\u0646 \u0645\u06cc\u06ba \u062f\u06a9\u06be\u0627\u0646\u06d2 \u06a9\u06d2 \u0644\u06cc\u06d2\u060c \u0637\u0631\u06cc\u0642\u06c1 \u06a9\u0648 \u06a9\u0627\u0644 \u06a9\u0631\u06cc\u06ba: document.documentElement (\u0648\u06c1 element). The full reference lives on MDN&#8217;s Fullscreen API page, but you won&#8217;t need much beyond what&#8217;s above. Entering and Exiting Fullscreen Let&#8217;s start with [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":30128,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[1],"tags":[],"class_list":["post-30127","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts\/30127","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/comments?post=30127"}],"version-history":[{"count":1,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts\/30127\/revisions"}],"predecessor-version":[{"id":30129,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/posts\/30127\/revisions\/30129"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/media\/30128"}],"wp:attachment":[{"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/media?parent=30127"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/categories?post=30127"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umang.pk\/ur\/wp-json\/wp\/v2\/tags?post=30127"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}