HTML <source> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <small>
  • পরবর্তী পৃষ্ঠা <span>

বর্ণনা ও ব্যবহার

<source> ট্যাগটি মিডিয়া ইলেকট্রনগুলোর (যেমন <video>、<audio> এবং <picture>）একাধিক মিডিয়া সংস্থান নির্ধারণ করুন

<source> ট্যাগটি আপনাকে বিকল্প ভিডিও/অডিও/ছবি ফাইল সংজ্ঞায়িত করতে দেয়, ব্রাউজারটি সমর্থনকারী প্রথমটিকে বেছে নেবে <source>。

অন্যান্য দেখুন:

HTML শিক্ষাক্রম:HTML ভিডিও

HTML শিক্ষাক্রম:HTML অডিও

HTML DOM পরামর্শক মানকপত্র:সোর্স অবজেক্ট

ইনস্ট্যান্স

উদাহরণ 1

এটি দুইটি অডিও সোর্স ফাইল সহ একটি অডিও প্লেয়ার, ব্রাউজারটি সমর্থনকারী প্রথমটিকে বেছে নেবে <source>:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  আপনার ব্রাউজারটি audio ট্যাগটি সমর্থন করে না
</audio>

আপনার হাতে সম্প্রচার করুন

উদাহরণ 2

যখন <video> এবং <source> ভিডিও প্লে করুন:

<video width="640" height="400" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  আপনার ব্রাউজারটি ভিডিও ট্যাগটি সমর্থন করে না
</video>

আপনার হাতে সম্প্রচার করুন

উদাহরণ 3

যখন <picture> এবং <source> ভিউপোর্টের চাপ অনুযায়ী ভিন্ন ছবি নির্ধারণ করতে

<picture>
  <source media="(min-width:650px)" srcset="flowers-1.jpg">
  <source media="(min-width:465px)" srcset="flowers-2.jpg">
  <img src="flowers-3.jpg" alt="Flowers" style="width:auto;">
</picture>

আপনার হাতে সম্প্রচার করুন

প্রতিযোগীতা

প্রতিযোগীতা মান বর্ণনা
media মিডিয়া কোয়ালিফাইয়ার যেকোনো বৈধ মিডিয়া কোয়ালিফাইয়ারকে গ্রহণ করে, সাধারণত CSS-তে নির্ধারিত
sizes বিভিন্ন পাতা সাজুকরণের জন্য ছবির মাপ নির্ধারণ করুন
src URL

মিডিয়া ফাইলের URL সংজ্ঞায়িত করা

যখন <source> এক্সটার্নাল <audio> এবং <video> সাথে ব্যবহৃত হয়, এই প্রতিযোগীতা আবশ্যক
srcset URL

বিভিন্ন পরিস্থিতিতে ব্যবহৃত ছবির URL-কে নির্দেশ করা হয়

যখন <source> <picture> এর জন্য ব্যবহৃত হয়, এই অ্যাট্রিবিউট অপরিহার্য
type MIME টাইপ সংস্থানের MIME টাইপকে নির্দেশ করে

গ্লোবাল অ্যাট্রিবিউট

<source> ট্যাগটি এছাড়াও HTML-এর গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<source> ট্যাগটি এছাড়াও HTML-এর ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অপ্রযুক্ত

ব্রাউজার সমর্থন

সারণীতে দেওয়া সংখ্যাগুলি এই অ্যাট্রিবিউটটি যে ব্রাউজার সংস্করণে পূর্ণাধিকারী হয় তা নির্দেশ করে

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
4.0 9.0 3.5 4.0 10.5
  • পূর্ববর্তী পৃষ্ঠা <small>
  • পরবর্তী পৃষ্ঠা <span>