HTML Tutorial

عنصر <source>

الاستخدام:

تُستخدم العلامة <source> لتحديد بدائل وسائط متعددة لعنصر <audio> أو <video>، مما يسمح للمتصفح باختيار أفضل مصدر بناءً على عوامل مثل نوع الملف أو جودة التشفير.

الصفات:

  • src: عنوان URL للمصدر الإعلامي.
  • type: نوع ملف المصدر.
  • media: تسلسل استعلام وسائط يحدد متى يجب استخدام المصدر.

أمثلة مع <source>:

<audio controls>
  <source src="song.mp3" type="audio/mpeg">
  <source src="song.ogg" type="audio/ogg">
</audio>

استكشاف العلامة <source>:

<!DOCTYPE html>
<html>
<body>

<video controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.webm" type="video/webm">
</video>

</body>
</html>

في هذا المثال، سيعرض المتصفح إصدار MP4 من الفيديو إذا كان متاحًا وإلا سيعرض إصدار WebM.