এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <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> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ