علامة <video> في HTML

  • الصفحة السابقة <var>
  • الصفحة التالية <wbr>

التعريف والاستخدام

<video> العلامة تستخدم لدمج محتوى الفيديو في المستند، مثل مقاطع الفيلم أو تدفقات الفيديو الأخرى.

<video> العلامة تحتوي على إحدى أو أكثر من المصادر التي تحتوي على فيديوهات مختلفة علامة <source>التصفح سيختار الأول الذي يدعمه.

<video> و </video> النص بين العلامات فقط سيظهر في المتصفحات التي لا تدعم <video> في متصفح العنصر.

يدعم HTML ثلاثة تنسيقات فيديو: MP4، WebM و Ogg.

المتصفح MP4 WebM Ogg
Edge يدعم يدعم يدعم
Chrome يدعم يدعم يدعم
Firefox يدعم يدعم يدعم
Safari يدعم يدعم لا يدعم
Opera يدعم يدعم يدعم

انظر أيضًا:

دليل HTML DOMدليل DOM للصوت/الفيديو في HTML

مثال

عرض الفيديو:

<video width="640" height="360" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  متصفحك لا يدعم علامة الفيديو.
</video>

جربها بنفسك

النصائح والتعليقات

نصيحة:للملفات الصوتية، راجع علامة <audio>.

الخصائص الاختيارية

الخصائص القيمة الوصف
autoplay autoplay تحديد ما إذا كان يجب بدء اللعب الفوري للفيديو بعد إعداده.
controls controls تحديد التحكمات التي يجب عرضها للفيديو (مثل زر اللعب/ال暂停 وما إلى ذلك).
طول بكسل ضبط طول مشغل الفيديو.
loop loop تحديد ما إذا كان الفيديو سيبدأ من جديد في كل مرة ينتهي.
مُسكّن مُسكّن تحديد ما إذا كان يجب إخراج صوت الفيديو بصمت.
poster عنوان تحديد الصورة التي يجب عرضها أثناء تحميل الفيديو أو قبل أن يضغط المستخدم على زر اللعب.
preload
  • تلقائي
  • metadata
  • لا شيء
 تحديد ما إذا كان يجب تحميل الفيديو عند تحميل الصفحة أو كيفية تحميله.
src عنوان تحديد عنوان ملف الفيديو.
عرض بكسل ضبط عرض مشغل الفيديو.

خصائص العالمية

<video> الدعم لـ خصائص العالمية في HTML.

خصائص الحدث

<video> الدعم لـ خصائص الحدث في HTML.

إعدادات CSS الافتراضية

لا يوجد.

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذه الخاصية بشكل كامل.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.1 11.5
  • الصفحة السابقة <var>
  • الصفحة التالية <wbr>