🔖 মাল্টিমিডিয়া (Multimedia — Audio & Video)
আধুনিক ওয়েবসাইটে অডিও ও ভিডিও এম্বেড করা এখন অনেক সহজ। HTML5 আসার পর থেকে Flash বা অন্য কোনো প্লাগইনের দরকার ছাড়াই সরাসরি মিডিয়া প্লে করা যায়।
📌 ভিডিও এম্বেড করা (<video>)
<video> ট্যাগ ব্যবহার করে পেজে সরাসরি ভিডিও দেখানো যায়।
video.html
<video width="640" height="360" controls>
<source src="my-video.mp4" type="video/mp4">
<source src="my-video.webm" type="video/webm">
আপনার ব্রাউজার ভিডিও সাপোর্ট করে না।
</video>গুরুত্বপূর্ণ অ্যাট্রিবিউট:
| অ্যাট্রিবিউট | কাজ |
|---|---|
controls | প্লে, পজ, ভলিউম বাটন দেখায় |
autoplay | পেজ লোড হলে স্বয়ংক্রিয়ভাবে প্লে শুরু করে |
muted | ভিডিও নিঃশব্দে চালু করে |
loop | ভিডিও শেষ হলে আবার শুরু থেকে চালু করে |
poster | ভিডিও লোড হওয়ার আগে একটি প্রিভিউ ছবি দেখায় |
📌 অডিও এম্বেড করা (<audio>)
<audio> ট্যাগ একইভাবে কাজ করে, শুধু কোনো ভিজ্যুয়াল নেই।
audio.html
<audio controls>
<source src="my-audio.mp3" type="audio/mpeg">
<source src="my-audio.ogg" type="audio/ogg">
আপনার ব্রাউজার অডিও সাপোর্ট করে না।
</audio>📌 YouTube ভিডিও এম্বেড করা (<iframe>)
ইউটিউব
YouTube ভিডিও এম্বেড করার জন্য YouTube এর শেয়ার > Embed অপশন থেকে <iframe> কোড নিন।
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/VIDEO_ID"
title="YouTube video player"
frameborder="0"
allowfullscreen>
</iframe>💡
পারফরম্যান্স টিপস: <video> বা <iframe> ট্যাগে loading="lazy" অ্যাট্রিবিউট যোগ করলে পেজের লোডিং স্পিড উল্লেখযোগ্যভাবে বৃদ্ধি পায়।
Last updated on