مقاطع الفيديو في لغة HTML

تستطيع تشغيل فيديو في صفحة HTML عن طريق استخدام عنصر <video>.

يجب إضافة خاصية controls attribute لكي يظهر على المتصفح شريط الأدوات الخاص بالمقطع المرئي، والذي تظهر فيه خيارات التحكم في إيقاف الفيديو وتشغيله، وخيارات كتم الصوت وتشغيله وغير ذلك..
عن طريق خاصية height وخاصية width يمكن التحكم في طول وعرض الفيديو.
يمكن تحديد مسار الفيديو بسمة src على عنصر <video> مباشرة، أو بوضع عنصر أو أكثر من <source> داخله لتوفير صيغ بديلة.
عن طريق خاصية src مع عنصر <source> يتم الإشارة إلى مسار الفيديو سواء كان المسار من رابط خارجي أو رابط داخلي.
النص الموجود بين علامة open tag وبين علامة closet tag (علامة بداية عنصر <video> وعلامة إغلاق العنصر) يظهر فقط على المتصفحات التي لا تدعم عنصر <video>؛ وليس بديلًا مضمونًا عند فشل تحميل ملف في متصفح يدعم العنصر.
من حاويات الفيديو الشائعة MP4 وWebM وOgg. يعتمد التشغيل على دعم المتصفح للحاوية وترميز الصوت والصورة داخلها، وليس على امتداد الملف وحده.

جرب الكود

يُستخدم عنصر HTML video لعرض مقطع مرئي على صفحة الويب.

HTML

<video controls width="320" height="240">
  <source src="/movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

HTML video مقاطع الفيديو في لغة HTML