HTML Video Tag & Audio Tag
ওয়েবপেজে ভিডিও এবং অডিও কনটেন্ট যোগ করার জন্য HTML5-এ <video>, <audio> এবং <source> ট্যাগ ব্যবহার করা হয়। এই ট্যাগগুলো ব্যবহার করে আমরা ওয়েবসাইটে মাল্টিমিডিয়া কন্টেন্ট এম্বেড করতে পারি। এবং ট্যাগের মধ্যে বিভিন্ন অ্যাট্রিবিউট ব্যবহার করে কন্ট্রোল যোগ করা যায়, স্বয়ংক্রিয়ভাবে চালু করা যায় এবং আরও অনেক কিছু করা যায়।
কোড উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video and Audio in HTML</title>
</head>
<body>
<h2>HTML Video</h2>
<video width="320" height="240" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<h2>HTML Audio</h2>
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
</body>
</html>
</html>
কোড ব্যাখ্যা:
video ট্যাগ: ওয়েবপেজে ভিডিও এম্বেড করার জন্য ব্যবহৃত হয়। এটি ব্রাউজারে ভিডিও ফাইল দেখানোর জন্য ব্যবহার করা হয়।
width এবং height অ্যাট্রিবিউট: ভিডিওর আকার নির্ধারণ করে।
controls অ্যাট্রিবিউট: প্লে, পজ, ভলিউম কন্ট্রোল ইত্যাদি যোগ করে।
source ট্যাগ: ভিডিও বা অডিও ফাইলের লিংক নির্দিষ্ট করে এবং ব্রাউজারের জন্য বিভিন্ন ফরম্যাট প্রদান করে। এটি ও ট্যাগের ভেতরে ব্যবহার করা হয়।
type অ্যাট্রিবিউট: মিডিয়া ফাইলের ফরম্যাট নির্ধারণ করে (যেমন: video/mp4, audio/mpeg)।
Fallback টেক্সট: যদি ব্রাউজার ভিডিও বা অডিও সাপোর্ট না করে, তাহলে দেখানো হয়।
audio ট্যাগ: ওয়েবপেজে অডিও এম্বেড করতে ব্যবহৃত হয়। এটি ব্রাউজারে অডিও ফাইল চালানোর জন্য ব্যবহার করা হয়।
