منتديات المجاوشي

منتديات المجاوشي (http://www.vb.mjawshy.net/index.php)
-   Arabic Rss (http://www.vb.mjawshy.net/forumdisplay.php?f=41)
-   -   شرح إضافة مشغل video.js إلى موقعك (http://www.vb.mjawshy.net/showthread.php?t=433528)

RSS 07-15-2014 05:42 PM

شرح إضافة مشغل video.js إلى موقعك
 
بسم الله الرحمن الرحيم

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

http://www.traidnt.net/vb/images/img...014/07/726.png

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

http://www.traidnt.net/vb/images/img...014/07/727.png

صورة للمشغل :

http://www.traidnt.net/vb/images/img...014/07/728.png

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

عيوب المشغل :



- يحتاج الى متصفح يدعم html5

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

http://www.traidnt.net/vb/images/img...014/07/729.png

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

http://www.traidnt.net/vb/images/img...014/07/730.png

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

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

لكن

http://www.traidnt.net/vb/images/img...014/07/731.png

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

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


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








أكثر...


الساعة الآن 03:06 PM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd. منتديات بلاك بيري mjawshy.net
المجاوشي للتقنية المتقدمة