HTML-এ iframe ব্যবহার করে ভিডিও এম্বেড করা
HTML পেজে ভিডিও এম্বেড করতে <iframe> এলিমেন্ট ব্যবহার করুন। src অ্যাট্রিবিউটে ভিডিওর URL থাকে। ভিডিও প্লেয়ারের ডাইমেনশনের জন্য ভিডিওর প্রস্থ এবং উচ্চতা উপযুক্তভাবে সেট করুন।
ভিডিও URL হলো ভিডিওর এম্বেড লিংক। আমাদের উদাহরণে ইউটিউব ভিডিও এম্বেড করব।
এম্বেড লিংক পেতে, একটি ইউটিউব ভিডিওয়ে যান এবং নিচের মতো এম্বেড ক্লিক করুন। এখানে আপনাকে এমবেড লিংক পাবেন:
উদাহরণ
নিচের কোডটি চালিয়ে HTML কোড ব্যবহার করে ভিডিও এম্বেড করার পরীক্ষা করতে পারেন। উপরে দেখানো এমবেড লিংক কপি করে HTML ডকুমেন্টে যোগ করুন:
<!DOCTYPE html>
<html>
<head>
<title>HTML Video embed</title>
</head>
<body>
<p>Learn Eclipse</p>
<br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/y881t8ilMyc" frameborder="0" allowfullscreen></iframe>
</body>
</html>
গুরুত্বপূর্ণ অ্যাট্রিবিউট:
allowfullscreen— ফুলস্ক্রিন মোড অনুমতি দেয়frameborder="0"— বর্ডার সরায় (HTML5-এ ডিপ্রিকেটেড, CSS ব্যবহার করুন)allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"— আধুনিক ফিচার অনুমতিloading="lazy"— লেজি লোডিং (পারফরম্যান্সের জন্য)
নিরাপত্তা: শুধু বিশ্বস্ত সোর্স থেকে এম্বেড করুন। XSS আক্রমণ প্রতিরোধে sandbox অ্যাট্রিবিউট ব্যবহার করুন।
