<video>: عنصر VIDEO
آخر تحديث: 2026-10-13
<video>عنصر VIDEO
يضم مشغل فيديو مع عناصر تحكم وصورة غلاف وعدة صيغ مصادر.
| الفئة | الروابط والوسائط |
|---|---|
| نموذج المحتوى | محتوى مضمّن |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى التدفقي |
| وسم الإغلاق | نعم — يتطلب إغلاق </video> وسم |
| الحالة | قياسي |
📝 البنية
<video controls>محتوى الفيديو</video>⚙️ السمات
يدعم هذا العنصر السمات العامة بالإضافة إلى ما يلي:
| السمة | القيمة | الوصف |
|---|---|---|
src | Video file URL. | |
controls | Shows playback controls. | |
autoplay | Auto-plays (usually needs muted). | |
loop | Loops the video. | |
muted | Starts muted. | |
poster | Poster image URL shown before playback. | |
width | Display width in pixels. | |
height | Display height in pixels. | |
preload | Preload hint: none/metadata/auto. |
▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <video> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： poster يحدد صورة الغلاف قبل التشغيل؛ التشغيل التلقائي على الجوال يحتاج أيضًا muted عادةً.
❓ الأسئلة الشائعة
Qما الصيغ التي يدعمها video وكيف تختار؟
Aثلاث صيغ رئيسية: MP4 (H.264+AAC) توافق 100%، وWebM (VP9) مفتوحة ومجانية، وAV1 أحدث بأعلى كفاءة ترميز. عمليًا: MP4 الصيغة الرئيسية الإلزامية، وWebM/AV1 تقدم عبر عدة
<source> لتوفير النطاق الترددي، والمتصفح يختار الأفضل تلقائيًا.Qما فائدة سمة poster في video؟
A
poster='cover.jpg' تضبط صورة الغلاف المعروضة قبل تحميل الفيديو أو أثناء عدم تشغيله. وبدون poster يعرض المتصفح الإطار الأول (أو فراغًا في بعض المتصفحات). صورة الغلاف ترفع أيضًا سرعة التحميل المدرَكة، فيُنصح بضبطها موحدًا.Qما تركيبة السمات للتشغيل التلقائي في video؟
Aالتشغيل التلقائي المصدَر للصوت تعترضه المتصفحات، والتركيبة الموثوقة
<video autoplay muted loop playsinline> — تشغيل صامت متكرر مضمّن (معيار فيديو الخلفية). وعند الحاجة للصوت، استمع لأول تفاعل للمستخدم ثم أزل muted وشغّل.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
المزيد من الحالات قادمة قريبًا — ترقبوا.
📚 دروس ذات صلة
