এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <embed> ট্যাগ


<embed> ট্যাগের ব্রাউজার সাপোর্ট



এলিমেন্ট Google Chrome Edge/IE Mozila Firefox Safari Opera
<embed> সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন সকল ভার্সন




সংজ্ঞা ও ব্যবহার

<embed> ট্যাগের মাধ্যমে ওয়েবপেজে এক্সটার্নাল এপ্লিকেশন, ফ্লাশ এনিমেশন ফাইল, ইমেজ, ভিডিও, ইউটিউব ভিডিও অথবা ইন্টারেক্টিভ বিষয়বস্তু অন্তর্ভূক্ত করা যায়।

উদাহরনস্বরুপ, আমরা প্রায়ই বিভিন্ন ওয়েবসাইটে ইউটিউবের ভিডিও প্লাগ-ইনের মতো করে দেখি। আপনিও চাইলে <embed> ট্যাগের মাধ্যমে খুব সহজে আপনার ওয়েবপজে ইউটিউবের ভিডিও অন্তর্ভূক্ত করতে পারেন।
এর জন্য আপনি প্রথমে যেই ভিডিওটি যুক্ত করতে চান সেটি চালু করুন, তারপর শেয়ার অপশনে গিয়ে Embed এ ক্লিক করুন। ক্লিক করার পর আপনি একটি কোড পেয়ে যাবেন। তারপর কোডটুকু কপি করে <embed> ট্যাগের মধ্যে রাখলে ইউটিউব ভিডিওটি আপনার ওয়েবপেজে প্রদর্শিত হবে।



কিভাবে <embed> ট্যাগ ব্যবহার করে ওয়েবপজে ইউটিউব ভিডিও যুক্ত করতে হয় তা নিচের উদাহরণে দেখানো হলোঃ

উদাহরণ

<!DOCTYPE html>
<html>
<body>

  <embed src="https://www.youtube.com/embed/bNRpnd4qWfc" width="450" height="280">  

</body>
</html>

ফলাফল





এট্রিবিউট

নিচের টেবিলে <embed> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ

এট্রিবিউট ভ্যালু বর্ণনা
height Pixel <embed> এলিমেন্টের কন্টেন্টের উচ্চতা(height) নির্ধারণ করার জন্য এটি ব্যবহার করা হয়।
src URL <embed> এর এক্সটার্নাল ফাইলের এড্রেস নির্দিষ্ট করার জন্য ব্যবহার করা হয়।
type Media-type <embed> এর কনটেন্টের মিডিয়া-টাইপ নির্দিষ্ট করার জন্য ব্যবহার করা হয়।
width Pixel <embed> এলিমেন্টের কন্টেন্টের প্রস্থ(width) নির্ধারণ করার জন্য এটি ব্যবহার করা হয়।


<embed> ট্যাগে ট্যাগটি গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


<embed> ট্যাগের ডিফল্ট স্টাইল

অধিকাংশ ব্রাউজারেই <embed> এলিমেন্ট নিম্নলিখিত স্টাইল ভ্যালুগুলো সহকারে প্রদর্শিত হয়ঃ

embed:focus { 
    outline: none;
  }


সম্পর্কিত পেজ