এইচটিএমএল <video> ট্যাগ
<video> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<video> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
ওয়েবপেজে ভিডিও এম্বেড(embed) করার জন্য <video> ট্যাগটি ব্যবহার করা হয়।
বর্তমানে <video> ট্যাগের জন্য তিনটি সাপোর্টযোগ্য ফরম্যাট রয়েছেঃ MP4, WebM এবং Ogg
নিচের টেবিলে দেখবো কোন কোন ব্রাউজারে কোন কোন ভিডিও ফরম্যাট সাপোর্ট করে এবং সাপোর্ট করে না।
| ব্রাউজার | MP4 | WebM | Ogg |
|---|---|---|---|
| ইন্টারনেট এক্সপ্লোরার | হ্যাঁ | না | না |
| ক্রোম | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| ফায়ারফক্স | হ্যাঁ | হ্যাঁ | হ্যাঁ |
| সাফারি | হ্যাঁ | না | না |
| অপেরা | হ্যাঁ | হ্যাঁ | হ্যাঁ |
ভিডিও ফরম্যাট এর জন্য MIME টাইপ
| ফরম্যাট | MIME-type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
নিচের উদাহরণে <video> ট্যাগে ব্যবহার করে কিভাবে ওয়েবপেজে ভিডিও অন্তর্ভুক্ত করা যায়, তা দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<video width="320" height="240" controls>
<source src="video/satt_video.mp4" type="video/mp4">
আপনার ব্রাউজার <video> ট্যাগ সাপোর্ট করে না।
</video>
</body>
</html>
বিঃদ্রঃ <video> ট্যাগটি ইন্টারনেট এক্সপ্লোরার ৮ এবং তার আগের ভার্সনে সাপোর্ট করে না।
ফলাফল
টীকা ও মন্তব্যঃ
<video>ট্যাগটি ব্রাউজারে সাপোর্ট না করলে<video>এবং</video>এর মধ্যের টেক্সটি ব্রাউজারে প্রদর্শিত হবে।
এট্রিবিউট
নিচের টেবিলে <video> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ননা |
|---|---|---|
| autoplay | autoplay | ব্রাউজার রিলোড হওয়ার সাথে সাথে ভিডিওটি চলার জন্য এটি ব্যবহার করা হয়। |
| controls | controls | ভিডিওকে ভিজ্যুয়াল কন্টোলারের(play/pause বাটন) মাধ্যমে নিয়ন্ত্রন করার জন্য এটি ব্যবহার করা হয়। |
| height | pixels | ভিডিও প্লেয়ারের উচ্চতা সেট করে |
| loop | loop | ভিডিও প্রত্যেকবার শেষ হওয়ার পর আবার চালু হবে কিনা তা নির্দিষ্ট করে। |
| muted | muted | ভিডিওটিতে কোনো সাউন্ড থাকবে না। |
| poster | URL | ব্যবহারকারী প্লে বাটনে ক্লিক করার আগে পর্যন্ত ভিডিও এর জায়গায় একটি ইমেজ প্রদর্শিত হবে। |
| preload | auto metadata none |
পেজ লোড হলে ভিডিও ফাইলটি কিভাবে লোড হবে তা নির্দিষ্ট করে। |
| src | URL | ভিডিও ফাইলের URL উল্লেখ করে। |
| width | pixels | ভিডিও প্লেয়ারের প্রস্থ সেট করে। |
<video> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |