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

أولاً أشكرك القائمين على هذا الموقع الرائع وأتمنى لهم التوفيق والسداد.

كنت أريد أن أعرف كيف أستطيع أن أقوم بإضافة الفيديو إلى صفحة الإنترنت بواسطة HTML5 وهل أستطيع أن أضيف صيغة wmv او avi ؟

شكراً لكم،

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

السلام عليكم

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

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

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

////

////

////

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

الشرح:

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

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

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

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

شكراً لك معلومات مفيدة خصوصاً بشأن الصيغة المدعومة +1

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

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

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

أول مرة أسمع عن jpayer

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

إنجليزيتي ضعيفة بعض الشيء.

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

أنصح بقراءته