YouTube Video Embed and Google Map Embed - iframe in html
ওয়েবসাইটে বহিরাগত কন্টেন্ট এম্বেড করার জন্য HTML-এর ট্যাগ ব্যবহার করা হয়। এর মাধ্যমে আমরা YouTube ভিডিও, Google Map, এবং অন্যান্য ওয়েবসাইটের কন্টেন্ট সহজেই আমাদের ওয়েবপেজে দেখাতে পারি। এটি একটি ইনলাইন ফ্রেম তৈরি করে যেখানে
নির্দিষ্ট URL-এর কন্টেন্ট লোড হয়।<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Embed YouTube Video and Google Map</title>
</head>
<body>
<h2>Embed YouTube Video</h2>
<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ"
title="YouTube video player" frameborder="0" allowfullscreen>
</iframe>
<h2>Embed Google Map</h2>
<iframe width="600" height="450" style="border:0;"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8354345093945!2d144.96305791531685!3d-37.81627927975151!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642af0f11fd81%3A0xf5773c0cba3b6d2c!2sMelbourne%2C%20Australia!5e0!3m2!1sen!2sus!4v1611812672324!5m2!1sen!2sus" allowfullscreen>
</iframe>
</body>
</html>
কোড ব্যাখ্যা:
iframe ট্যাগ: এটি একটি ইনলাইন ফ্রেম তৈরি করে, যেখানে নির্দিষ্ট কন্টেন্ট লোড করা যায়।
width এবং height অ্যাট্রিবিউট: ফ্রেমের প্রস্থ ও উচ্চতা নির্ধারণ করে।
src অ্যাট্রিবিউট: এখানে এম্বেড করা কন্টেন্টের URL প্রদান করা হয়।
YouTube ভিডিও এম্বেড: YouTube ভিডিওর শেয়ার অপশন থেকে "Embed" কোড কপি করে এর src-এ পেস্ট করা হয়।
Google Map এম্বেড: Google Maps-এ গিয়ে "Share" অপশনে "Embed a map" সিলেক্ট করে কোড কপি করা হয়।
frameborder="0": ফ্রেমের চারপাশে কোনো বর্ডার না রাখার নির্দেশ দেয়।
allowfullscreen অ্যাট্রিবিউট: YouTube ভিডিওর ক্ষেত্রে পুরো স্ক্রিনে দেখার অনুমতি দেয়।
