كيف أضيف الفيديو في HTML5؟

هذا من مميزات HTML5 تستطيع تشغيل مقاطع الفيديو بطريقه اسهل مما كنا نستخدمها من قبل.
ومع اﻷسف لا تستطيع تشغيل هذا النوع من مقاطع الفيديو AVI ولكن تستطيع باستخدام أي برنامج تحويل ملفات الفيديو إلى صيخة ملف فيديو آخر.

فهذه اﻷنواع هي فقط المدعومه في HTML5:

لنرى مثال Video HTML5:

<video width="400" controls>
  <source src="movie.mp4" type="video/mp4">
  من فضلك قم بتحديث متصفحك.
</video>

هذا الفيديو سيتم عرضه بحجم 400px وهذا بناءاً على القيمة الموجوده داخل السمة attribute width 
اما عن السمه controls فهذه تقوم بعرض ازرار التحكم في ايقاف أو تشغيل او زيادة او إنخفاض مستوى الصوت.
اما عن تلك الرساله "من فضلك قم بتحديث متصفحك" هذه تظهر لمستخدمي المتصفحات القديمه التي لا تدعم html5.

مصادر هامه.
نظره عامه على الفيديو في HTML5. 
تعرف على المزيد حول وسم <video>.
تعرف على المزيد حول وسم <source>.