Skip to Content
🤖 Technology
HTML
৮. মাল্টিমিডিয়া (অডিও/ভিডিও)

🔖 মাল্টিমিডিয়া (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