العودة إلى الدورة

الدرس 15: تضمين الصوت والفيديو

الدورة الاحترافية في HTML: من الصفر إلى مطور ويب

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يكتم إخراج الصوت افتراضياً.