15. تضمين الصوت والفيديو
قدمت HTML5 عناصر قياسية لتضمين الوسائط دون الاعتماد على ملحقات طرف ثالث (مثل Flash).
15.1 عنصر الفيديو (<video>)
يضمّن عنصر <video> ملف فيديو. يستخدم عادةً خاصية controls لعرض أزرار التشغيل القياسية.
html
لماذا وسوم <source> متعددة؟
تدعم المتصفحات تنسيقات فيديو مختلفة (MP4، WebM، OGG). يوفر توفير مصادر متعددة التوافق. سيحاول المتصفح تشغيلها بالترتيب حتى يجد واحداً يمكنه تشغيله.
15.2 عنصر الصوت (<audio>)
يعمل عنصر <audio> بطريقة مماثلة ولكنه لا يحتاج إلى مواصفات العرض/الارتفاع.
html
15.3 الخصائص الهامة
| الخاصية (Attribute) | الوصف |
|---|---|
controls | يعرض عناصر تحكم المشغل (تشغيل/إيقاف مؤقت، مستوى الصوت، إلخ). |
autoplay | يبدأ تشغيل الوسائط تلقائياً (غالباً ما يتم حظره بواسطة المتصفحات). |
loop | يتسبب في إعادة تشغيل الوسائط تلقائياً عند الانتهاء. |
muted | يكتم إخراج الصوت افتراضياً. |