HTML Video/ভিডিও ট্যাগের ব্যবহার
শুক্রবার, ১৯ জুলাই, ২০১৯
Comment
এক নজরে এইচটিএমএল(৫) ভিডিও ট্যাগ সমুহ
ট্যাগবর্ণনা
<video>যে কোনো ধরনের ভিডিও বা চলচ্চিত্র ডিফাইন করে।
<source><video> এবং <audio> ট্যাগের জন্য মিডিয়া ফাইলের উৎস ডিফাইন করে।
<track>মিডিয়ার জন্য সাব-টাইটেল অথবা যে কোনো ধরনের টেক্সট(পড়ার উপযুক্ত) ডিফাইন করে।
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<video width="400" controls>
<source src="satt_intro.mp4" type="video/mp4">
আপনার ব্রাউজার এইচটিএমএল ৫ ভিডিও সমর্থণ করে না।
</video>
</body>
</html>
<video> এলিমেন্ট
এইচটিএমএলে ভিডিও প্রদর্শনের জন্য <video> এলিমেন্ট ব্যবহার করা হয়ঃ
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title><video> এলিমেন্ট</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="satt_intro.webm" type="video/webm">
<source src="satt_intro.mp4" type="video/mp4">
<source src="satt_intro.ogg" type="video/ogg">
দুঃখিত,আপনার ব্রাউজার ভিডিও ট্যাগ সমর্থণ করে না।
</video>
</body>
</html>
উদাহরণের ব্যাখ্যা
controls এট্রিবিউটটি ভিডিও চালু করা, বন্ধ করা এবং ভলিউম নিয়ন্ত্রন করার ক্ষমতা দেয়। সবসময় height এবং width এট্রিবিউট ব্যবহার করতে হবে। এই এট্রিবিউটগুলো ব্যবহার না করলে ভিডিও লোড হওয়ার পর পেজের গঠন পরিবর্তন হয়ে যাবে।
যে সকল ব্রাউজারে <video> এলিমেন্ট সাপোর্ট করে না, ঐ সকল ব্রাউজারে <video> এবং </video> এর মাঝের লেখা প্রদর্শন করবে। একাধিক <source> এলিমেন্টের মাধ্যমে একাধিক ভিডিও ফাইল যুক্ত করতে পারি। ব্রাউজার প্রথমে সাপোর্টেড যে ফর্ম্যাটটি পাবে তাকেই ব্যবহার করবে।
autoplay এট্রিবিউট
স্বয়ংক্রিয়ভাবে একটি ভিডিও চালু করার জন্য autoplay এট্রিবিউট ব্যবহার করা হয়। যে সকল ভিডিও ট্যাগে autoplay এট্রিবিউট ব্যবহার করা হয় সে সকল ভিডিও তে ব্যবহারকারীর কোনো নিয়ন্ত্রন থাকে না। আর ওয়েব পেজ সম্পূর্ণ লোড হওয়ার সাথে সাথে ভিডিওটি স্বয়ংক্রিয়ভাবে চালু হয়ে যায়ঃ
উদাহরণ প্রোগ্রাম:
<!DOCTYPE html>
<html>
<head>
<title>এইচটিএমএল উদাহরণ</title>
</head>
<body>
<video width="320" height="240" autoplay>
<source src="satt_intro.mp4" type="video/mp4">
<source src="satt_intro.ogg" type="video/ogg">
দুঃখিত,আপনার ব্রাউজার ভিডিও ট্যাগ সমর্থণ করে না।
</video>
</body>
</html>
বি:দ্র: Output দেখার জন্যে একটা নোটপ্যাড open করে উপরের উদাহরনের code টুকু লিখে file মেনু থেকে Save as এ ক্লিক করে File name: index.html , Save as type : All files, দিয়ে save করে index.html ফাইলটি যে কোন Browser দিয়ে open করুন।
☞ এই পোষ্ট সম্পর্কে যদি আপনার কোন প্রশ্ন☞জিজ্ঞাসা☞সমস্যা☞তথ্য জানার থাকে তাহলে আপনি☞কমেন্ট করলে আপনাকে আমরা প্রয়োজনীয় তথ্য দিয়ে সাহায্য করার চেষ্টা করব☞☞☞ "HTML Video/ভিডিও ট্যাগের ব্যবহার"
একটি মন্তব্য পোস্ট করুন