কম্পিউটার টিউটোরিয়াল

HTML5-এ <video> এলিমেন্টের অ্যাট্রিবিউট ও ব্যবহার

HTML5 <audio> এবং <video> ট্যাগ মিডিয়া ওয়েবসাইটে যোগ করা সহজ করে দিয়েছে। মিডিয়া সোর্স চিহ্নিত করতে src অ্যাট্রিবিউট এবং ব্যবহারকারী প্লে/পজ করতে পারে সেজন্য controls অ্যাট্রিবিউট যোগ করতে হয়।

HTML5 ভিডিও ট্যাগের বিভিন্ন অ্যাট্রিবিউট থাকে যা লুক-অ্যাড-ফিল এবং ফাংশনালিটি কন্ট্রোল করে:

ক্রম অ্যাট্রিবিউট ও বিবরণ
1autoplay
এই বুলিয়ান অ্যাট্রিবিউট নির্দিষ্ট থাকলে, ভিডিও ডেটা লোডিং শেষ হওয়ার জন্য অপেক্ষা না করেই অটোমেটিকเล প্লে শুরু করবে।
2autobuffer
বুলিয়ান অ্যাট্রিবিউট। নির্দিষ্ট থাকলে, অটোপ্লে সেট না থাকলেও ভিডিও অটোমেটিকলে বাফারিং শুরু করবে।
3controls
এই অ্যাট্রিবিউট থাকলে ব্যবহারকারী ভিডিও প্লেব্যাক কন্ট্রোল করতে পারবে — ভলিউম, সিকিং, পজ/রিজিউম।
4height
ভিডিও ডিসপ্লে এরিয়ার উচ্চতা CSS পিক্সেলে নির্দিষ্ট করে।
5loop
বুলিয়ান অ্যাট্রিবিউট। নির্দিষ্ট থাকলে ভিডিও শেষ হলে অটোমেটিকলে শুরুর দিকে ফিরে যাবে।
6preload
ভিডিও পেজ লোডের সময় লোড হয়ে রেডি থাকবে। autoplay থাকলে ইগনোর করা হয়।
7poster
ইমেজের URL যা ব্যবহারকারী প্লে বা সিক করার আগে দেখানো হবে।
8src
এম্বেড করার ভিডিওর URL। অপশনাল; এর বদলে ভিডিও ব্লকের ভিতরে <source> এলিমেন্ট ব্যবহার করা যায়।
9width
ভিডিও ডিসপ্লে এরিয়ার প্রস্থ CSS পিক্সেলে নির্দিষ্ট করে।
  1. HTML5-এ <audio> এলিমেন্টের অ্যাট্রিবিউট এবং ব্যবহার

  2. HTML data-* অ্যাট্রিবিউটসমূহ

  3. HTML Attributes (অ্যাট্রিবিউট)

  4. অ্যাট্রিবিউট (Attribute) কী? ধরন: নোমিনাল, বাইনারি, অর্ডিনাল, নিউমেরিক