HTML video Tag

HTML video Tag – يٌستخدم وسم <video> لتضمين محتوى الفيديو في مستند HTML.

HTML video Tag

مثال للتوضيح

إستخدام الوسم <video> لتحديد مقطع فيديو مع الوسم <source> لتحديد مصادر الفيديو:

<video controls="controls">
    <source src="/videos/Laptop.mp4" type="video/ogg">
    <source src="/videos/Laptop.mp4" type="video/mp4">
    Your browser doesn’t support Video tag!
</video>

ملاحظات – HTML <video> Tag

يحتوي الوسم <video> على وسم أو أكثر من <source> لتحديد مصادر الفيديو المختلفة، سيختار المتصفح المصدر الأول الذي يدعمه.
نستخدم سمة src لتحديد مسار الفيديو الذى سيتم عرضه. كما يمكننك تضمين سمات أخرى مثل عرض الفيديو والارتفاع (جميع السمات فى الجدول بالأسفل).
يظهر المحتوى الموجود داخل وسمى الفتح والإغلاق <video> </video> كبديل في المتصفحات التي لا تدعم العنصر، بخلاف ذلك لن يتم عرض هذا المحتوى.
هناك ثلاثة تنسيقات للفيديو مدعومين فى HTML، وهم: MP4 و WebM و OGG (غير مدعوم فى متصفح Safari).

السمات المحددة – Specific Attributes

يدعم الوسم <video> هذه السمات:

السمة	القيمة	الوصف
autoplay	autoplay	يحدد أن الفيديو سيبدأ التشغيل تلقائيًا بمجرد أن يصبح جاهزًا.
controls	controls	يحدد أنه يجب عرض عناصر التحكم في الفيديو (مثل التشغيل / الإيقاف المؤقت ، ومستوى الصوت، إلخ)
src	URL	يحدد عنوان URL لملف الفيديو.
height	pixels	يحدد إرتفاع مشغل الفيديو.
loop	loop	يحدد أن في كل مرة ينتهي الفيديو سيبدأ مره أخرى من جديد.
muted	muted	يحدد أنه يجب كتم إخراج الفيديو.
poster	URL	يحدد عنوان URL لصورة يتم عرضها أثناء تحميل الفيديو، أو حتى يضغط المستخدم على زر التشغيل. إذا لم يتم تحديد هذه السمة ، فلن يتم عرض أي شيء حتى يتوفر الإطار الأول ، ثم يظهر الإطار الأول كإطار ملصق.
preload	auto metadata none	يوفر تلميحًا للمتصفح حول تنزيل الفيديو نفسه أو بيانات التعريف الخاصة به.
width	pixels	يحدد عرض مشغل الفيديو.