এইচটিএমএল ডোম Video অবজেক্ট
Video অবজেক্ট 
Video অবজেক্ট এইচটিএমএল৫-এ নতুন।
ভিডিও অবজেক্ট এইচটিএমএল <video> এলিমেন্টকে প্রতিনিধিত্ব করে ।
নোটঃ <video> এলিমেন্ট ইন্টারনেট এক্সপ্লোর ৮ এবং তার আগের ভার্সনগুলোতে সাপোর্ট করে না।
ভিডিও অবজেক্ট তৈরি
document.createElement()মেথড ব্যবহার করে আপনি <video> এলিমেন্ট তৈরি করতে পারবেন।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("video");
a.setAttribute("src","../../video/satt_video.mp4");
a.setAttribute("width", "320");
a.setAttribute("height", "240");
a.setAttribute("controls", "controls");
document.body.appendChild(a);
}
</script>
</body>
</html>ফলাফল
ভিডিও অবজেক্টকে এক্সেস
getElementById() ব্যবহার করে আপনি একটি <video> এলিমেন্টকে এক্সেস করতে পারবেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<video id="sattVideo" width="320" height="240" controls>
<source src="../../video/satt_video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<button onclick="myFunc()">ক্লিক করুন</button>
<p id="test"></p>
<script>
function myFunc() {
var a = document.getElementById("sattVideo").duration;
document.getElementById("test").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
ভিডিও অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| audioTracks | অডিও ট্রাক এর প্রতিনিধিত্ব করে AudioTrackList অবজেক্ট রিটার্ন করে। |
| autoplay | একটি ভিডিও তাড়াতাড়ি শুরু হবে কিনা তা সেট বা রিটার্ন করে |
| buffered | একটি ভিডিও-এর অংশ buffered প্রতিনিধিত্ব করতে TimeRanges অবজেক্ট রিটার্ন করে |
| controller | একটি ভিডিও-এর চলমান মিডিয়া কন্ট্রোলার প্রতিনিধিত্ব করতে MediaController অবজেক্ট রিটার্ন করে । |
| controls | একটি ভিডিও কন্ট্রোল (play/pause ইত্যাদি) প্রদর্শিত হবে কি না তা সেট অথবা রিটার্ন করে । |
| crossOrigin | একটি ভিডিও-এর CORS settings সেট অথবা রিটার্ন করে । |
| currentSrc | চলমান ভিডিও-এর URL রিটার্ন করে । |
| currentTime | একটি ভিডিও-এর বর্তমান প্লেব্যাক অবস্থান সেট করে অথবা রিটার্ন করে। (সেকেন্ডে) |
| defaultMuted | একটি ভিডিওর ডিফল্ট আকারে সাউন্ড বন্ধ কিনা তা সেট অথবা রিটার্ন করে |
| defaultPlaybackRate | একটি ভিডিওর প্লেব্যাক গতি ডিফল্ট কিনা তা সেট অথবা রিটার্ন করে |
| duration | একটি ভিডিওর length রিটার্ন করে (সেকেন্ডে) |
| ended | ভিডিওর প্লেব্যাক শেষ হয়েছে কিনা তা রিটার্ন করে |
| error | অবজেক্ট ভিডিওর error state প্রতিনিধিত্ব করে MediaError রিটার্ন করে । |
| height | একটি ভিডিওর height এট্রিবিউট সেট অথবা রিটার্ন করে । |
| loop | ভিডিও সমাপ্ত হলে,প্রত্যেকবার ভিডিও আবার চলতে শুরু করবে কিনা তা সেট অথবা রিটার্ন করে। |
| mediaGroup | ভিডিওর অংশে মিডিয়া গ্রুপের নাম সেট অথবা রিটার্ন করে । |
| muted | একটি ভিডিওর সাউন্ড বন্ধ কি না তা সেট অথবা রিটার্ন করে । |
| networkState | একটি ভিডিওর বর্তমান নেটওয়ার্ক state রিটার্ন করে। |
| paused | একটি ভিডিও paused কিনা তা সেট অথবা রিটার্ন করে। |
| playbackRate | ভিডিও প্লেব্যাক এর গতি সেট অথবা রিটার্ন করে। |
| played | একটি ভিডিওর চালু করা অংশে প্রতিনিধিত্ব করে একটি TimeRanges অবজেক্ট রিটার্ন করে । |
| poster | একটি ভিডিওর poster এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে । |
| preload | একটি ভিডিওর preload এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে । |
| readyState | একটি ভিডিওর বর্তমান state রিটার্ন করে |
| seekable | একটি ভিডিও এর seekable অংশের প্রতিনিধিত্ব করে একটি TimeRanges অবজেক্ট রিটার্ন করে । |
| seeking | ব্যবহারকারী বর্তমানে ভিডিওতে সচেষ্ট কিনা তা রিটার্ন করে । |
| src | একটি ভিডিওর src এট্রিবিউটের ভ্যালু সেট অথবা রিটার্ন করে । |
| startDate | বর্তমান সময়ের অফসেটের প্রতিনিধিত্ব করে একটি Date অবজেক্ট রিটার্ন করে । |
| textTracks | সহজলভ্য টেক্সট ট্রাক প্রতিনিধিত্ব করে একটি টেক্স Tracklist অবজেক্ট রিটার্ন করে। |
| videoTracks | ভিডিও ট্রাক প্রতিনিধিত্ব করে একটি ভিডিও Tracklist অবজেক্ট রিটার্ন করে । |
| volume | একটি ভিডিওর অডিও ভলিয়ম সেট অথবা রিটার্ন করে । |
| width | একটি ভিডিওর width এট্রিবিউট ভ্যালু সেট অথবা রিটার্ন করে । |
ভিডিও অবজেক্ট মেথড (Video Object Methods)
| মেথড | বর্ননা |
|---|---|
| addTextTrack() | ভিডিও তে নতুন টেক্সট ট্রাক যুক্ত করে । |
| canPlayType() | ব্রাউজারে নির্দিষ্ট ভিডিও টাইপ চালু হবে কি না তা চেক করে । |
| load() | ভিডিও এলিমেন্ট রি-লোড করে । |
| play() | ভিডিও চালু করে |
| pause() | বর্তমানে চলমান ভিডিও Pauses করে । |
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |