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

السلام عليكم

أخي، حاليا هناك فقط ثلاث صيغ تدعمها الhtml5 وهي mp4 | webm | ogg

ويختلف مدى دعم هذه الصيغ باختلاف المتصفحات

أما عن كيفية تضمين الفيديو فهي عن طريق الكود الأتي:

////

////

////

رسالة تعلم المستخدم أن متصفحه لا يدعم وسم الفيديو

الشرح:

-تفتح وسم الفيديو وتقوم بتخصيص الطول والعرض ان كنت تريد

-تفتح داخله وسم source والذي يحمل داخله معلومات عن مسار الفيديو src وكذا نوع الفيديو type

-ومن المستحب أن تضع روابط للفيديو بالصيغ الثلاث للتأكد من أنه سيعمل في أغلب المتصفحات، لأن المتصفح عندما لا يستطيع أن يقرأ صيغة ال source يمر تلقائيا للسطر الذي يليه

أخيرا أتمنى أن أكون قد أجبت عن سؤالك

<video controls width="400" height="706">
<source src="YOUR VIDEO URL HERE" type="video/mp4">
في حال لا يدعم المتصفح الفيديو
</video>

بالنسبة لدعم الفيديو، فهي مشكلة كبيرة تواجهني أنا، ولطالما بحثت عن حل ولكن للأسف لا يوجد، الدعم يأتي من المتصفحات، أما إذا أردت هذه الجودات بالتحديد، فأنصحك باستعمال قارئ مخصص مثل Jplayer

أيضا اذا اردت صنع قالب لقارئ الفيديو ليظهر بشكل واحد في كل المتصفحات، استخدم video.JS

هذا مقال لي قديم، ولكنه يوضح أنواع الصيغ التي تعمل والمتصفحات .. إلخ

أنصح بقراءته