شرح إضافة مشغل video.js إلى موقعك

[منتدى ترايدنت]

بسم الله الرحمن الرحيم

الحمد لله والصلاة والسلام على أشرف الأنبياء والمرسلين ,, اما بعد



اليوم نقدم لكم شرح لإضافة مشغل video.js بدلاً من المشغل الإعتيادي يوتيوب الذي نستخدمه دوماً . .



صورة للمشغل :



مميزات المشغل :
- مفتوح المصدر (قابل للتطوير)
- سريع وخفيف
- امكاىية تخصيص (تغيير اللون + حجم المشغل)

عيوب المشغل :
- يحتاج الى متصفح يدعم html5

شزح الاضافة :
ندخل للموقع HTML5 Video Player | Video.js



ثم سيظهر لنا هذا






نقوم بنسخ الكود الاول ونضعه في نهاية الـ head

ونقوم بنسخ الكود الثاني وىضعه في اي مكان في الـ body

لكن



نقوم بتغيير الكلام الذي باللون الاحمر الى رابط الفيديو المباشر

ملاحظة : يجب أن تكون رفعت الفيديو على مركز تحميل حتى تأخذ الرابط المباشر له وتضعه كما موضح أعلاه


وبهذا يكون الشرح قد انتهى .. انتظرونا في دروس وشروحات قادمة حصرية لترايدنت
لأي استفسار أو مساعدة أنتظر ردودكم وشكراً لكم طابت أوقاتكم

ساعد في نشر والارتقاء بنا عبر مشاركة رأيك في الفيس بوك