Fullscreen API requestFullscreen() মথোদ্দতা
- পূর্ববর্তী পৃষ্ঠা fullscreenEnabled()
- পরবর্তী পৃষ্ঠা exitFullscreen()
- একত্রিত স্তরে ফিরুন JavaScript Fullscreen API
অর্থ ও ব্যবহার
requestFullscreen() উপাদানকে হল্লোস্ক্রিন মোডে খুলতে ফাংশন
টীকা:ব্যবহার করুন exitFullscreen() মথোদ্দতাহল্লোস্ক্রিন মোড বন্ধ করুন。
একটি উদাহরণ
উদাহরণ 1
হল্লোস্ক্রিন মোডে <video> উপাদান দেখান:
/* হল্লোস্ক্রিনে দেখানোর জন্য উপাদান পাওয়া যাবে (এই উদাহরণে ভিডিও): */
var elem = document.getElementById("myvideo");
/* openFullscreen() ফাংশন চালু করার সময়, ভিডিওকে হল্লোস্ক্রিনে খুলাতে চালু করুন。
লক্ষ্য করুন, আমরা বিভিন্ন ব্রাউজারের প্রেফিক্সকে সমাহার করতে হয়, কারণ তারা requestFullscreen অ্যাট্রিবিউটটি সমর্থন করে না */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
উদাহরণ 2
যদি আপনি হল্লোস্ক্রিন এইচটিএমএল পৃষ্ঠা খুলতে চান, তবে document.documentElement ব্যবহার করুন না কেন document.getElementById("element")।এই উদাহরণে, আমরা একটি বন্ধ ফাংশনও ব্যবহার করেছি যাতে হল্লোস্ক্রিনকে বন্ধ করা যায়:
/* documentElement (<html>) নিয়ে পূর্ণ স্ক্রোল মোডে পানেল দেখুন */
var elem = document.documentElement;
/* পূর্ণ স্ক্রোল মোড দেখুন */
function openFullscreen() {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.webkitRequestFullscreen) { /* Safari */
elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { /* IE11 */
elem.msRequestFullscreen();
}
}
/* পূর্ণ স্ক্রোল মোড বন্ধ করুন */
function closeFullscreen() {
if (document.exitFullscreen) {
document.exitFullscreen();
} else if (document.webkitExitFullscreen) { /* Safari */
document.webkitExitFullscreen();
} else if (document.msExitFullscreen) { /* IE11 */
document.msExitFullscreen();
}
}
উদাহরণ 3
পূর্ণ স্ক্রোল মোডে পানেল থাকাকালীন আপনি সাইটের স্টাইল নিয়ে CSS ব্যবহার করতেও পারেন:
/* Safari */
:-webkit-full-screen {
background-color: yellow;
}
/* IE11 ব্যবহার পদ্ধতি */
:-ms-fullscreen {
background-color: yellow;
}
/* প্রমাণপত্র ব্যবহার পদ্ধতি */
:fullscreen {
background-color: yellow;
}
ব্যবহার পদ্ধতি
HTMLElementObject.requestFullscreen()
পারামিটার
কিছুই না。
প্রযুক্তিগত বিবরণ
| ফলাফল ফিরিয়ে দেওয়া হয়: | কোনো ফলাফল ফিরিয়ে দেওয়া হয় না。 |
|---|
ব্রাউজার সমর্থন
সারণীতে সম্পূর্ণভাবে এই পদ্ধতিকে সমর্থনকারী প্রথম ব্রাউজার সংস্করণ উল্লেখ করা হয়েছে。
মন্তব্য:কিছু ব্রাউজারকে বিশেষ প্রিফিক্স প্রয়োজন (বার্তা বিভাগে দেখুন):
| Chrome | Edge | Firefox | Safari | অপেরা |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | অপেরা |
| 71.0 15.0 (webkit) |
79.0 11.0 (ms) |
64.0 9.0 (moz) |
6.0 (webkit) | 58.0 15.0 (webkit) |
- পূর্ববর্তী পৃষ্ঠা fullscreenEnabled()
- পরবর্তী পৃষ্ঠা exitFullscreen()
- একত্রিত স্তরে ফিরুন JavaScript Fullscreen API
