ওয়েবসাইটে ইউটিউব ভিডিও যোগ করতে এটিকে এম্বেড (embed) করতে হয়। HTML পেজে ভিডিও এম্বেড করতে <iframe> এলিমেন্ট ব্যবহার করা হয়। src অ্যাট্রিবিউটে ভিডিওর URL থাকে। ভিডিও প্লেয়ারের ডাইমেনশন সেট করতে width এবং height অ্যাট্রিবিউট ব্যবহার করুন।
ভিডিও URL হলো ভিডিওর এম্বেড লিংক। উদাহরণে আমরা ইউটিউব ভিডিও এম্বেড করব। এম্বেড লিংক পেতে ইউটিউব ভিডিওর নিচে শেয়ার বাটনে ক্লিক করে 'Embed' বেছে নিন। সেখান থেকে লিংক কপি করুন।
উদাহরণ
নিচের কোডটি চালিয়ে 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>
দ্রষ্টব্য: উদাহরণে অতিরিক্ত একটি </iframe> ট্যাগ রয়েছে, যা অপ্রয়োজনীয়। শুধু একটি ওপেনিং এবং ক্লোজিং ট্যাগই যথেষ্ট।