أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

اضافة مشغل فيديو video-js HTML5 إلى المنتدى

موضوع مغلق


25-06-2015 12:21 صباحاً
حسين العنبكي
معلومات الكاتب
بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله

اود اضافة مشغل فيديو إلى المنتدى، عندي شروحات فيديو احب ارفعها للمنتدى ولا احب ان ارفعها على اليوتيوب،

مثل هذا المشغل www.videojs.com يعني الي يريد يطلع على الفيديو يكون فقط من المنتدى.

كما اود ان اسأل في حال استطعت تركيب هذا المشغل على المنتدى هل يمكن فتح ملفات فيديو مرفوعة على جوجل درايف للاقتصاد في استخدام مساحتي على السيرفر المستضيف؟

مع التحية والسلام
تم تحرير الموضوع بواسطة :Mr King بتاريخ: 26-06-2015 02:10 صباحاً

سبب التعديل : تعديل الرابط


look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  25-06-2015 09:22 صباحاً   [1]
حسين العنبكي
معلومات الكاتب
آسف على وضع الطلب في هذا القسم

سقط سهوًا

يرجى من القائمين على المنتدى نقله إلى القسم الصحيح

تحياتي

look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  25-06-2015 07:23 مساءً   [2]
Mr King
معلومات الكاتب
مرحبا بك،



حمّل مجلد المشغّل وفكّ الضغط عنه،



انقل المجلد video-js داخل مجلد منتداك (إلى جانب الملفات common.php و pbboard.class.php...)



أضف هذه الأسطر في القالب headinclud


CODE

<div>
	<link href="{$ForumAdress}video-js/video-js.css" rel="stylesheet"></div>
<div>
	<script src="{$ForumAdress}video-js/video.js"></script></div>
<div>
	<script></div>
<div>
	  videojs.options.flash.swf = "{$ForumAdress}video-js/video-js.swf"</div>
<div>
	</script></div>





أعلى من

CODE
<title>




ثمّ احفظ القالب



توجّه إلى الإدراة - الأكواد BBcodes - إضافة كود منتدى جديد




العنوان</b> : فيديو mp4 html5



الوصف :</b> مشاهدة فيديوهات mp4 على المشغل المتطور



مثال : </b>
CODE
[v-mp4]http://www.exemple.com/exemple.mp4[/v-mp4]<br />




وسم BBCode :</b>
CODE
v-mp4<br />




زر الصورة :</b> (ضع رابط أيقونة mp4 لتظهر بجانب المحرر)



الإستبدال :</b>

أدرج هذا الكود

CODE

<div>
	<video class="video-js vjs-default-skin" width="640" height="364" poster="http://arab-eco.com/forum/styles/primus_blue/images/logo.png" data-setup='{ "controls": true, "autoplay": false, "preload": "auto" }'></div>
<div>
	 <source src="{content}" type='video/mp4' /></div>
<div>
	 <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p></div>
<div>
	</video></div>





مع التعديل على رابط صورة واجهة الفيديو

http://arab-eco.com/forum/styles/primus_blue/images/logo.png



ثمّ اضغط اعتمد التعديلات




ملاحظة : يجب أن تكون صيغة الفيديو mp4 لكي يشتغل، وإلاّ فسيتوجّب تغيير الصيغة mp4 من وسم BBCode</b> وكذاك من الإستبدال</b>

رابط ملف بضيغة mp4 للتجربة
CODE
http://vjs.zencdn.net/v/oceans.mp4<br />

تم تحرير المشاركة بواسطة :Mr King بتاريخ:25-06-2015 07:35 مساءً


look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  25-06-2015 08:41 مساءً   [3]
حسين العنبكي
معلومات الكاتب
كفيت ووفيت بارك الله فيك

هل يحتاج اعمل نسخة احتياطية قبل تطبيق الشرح ام لا؟

تحياتي لك

look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  25-06-2015 08:55 مساءً   [4]
Mr King
معلومات الكاتب
اخذ نسخة من القالب headinclud قبل إجراء التعديل (فقط إذا كان لونه أحمر) واحفظه في ملف txt على جهازك

تم تحرير المشاركة بواسطة :Mr King بتاريخ:25-06-2015 08:56 مساءً


look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  26-06-2015 12:07 صباحاً   [5]
حسين العنبكي
معلومات الكاتب
عزيزي Mr King قمت بجميع الخطوات لكن تواجهني مشكلة بعد وضع الفيديو وكما في المرفق

والفيديو هو نفسه الذي وضعته حضرتك للتجربة

تحياتي
  Capture.PNG   تحميل png Capture.PNG مرات التحميل :(14)
الحجم :(132.749) KB
 

look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  26-06-2015 01:43 صباحاً   [6]
حسين العنبكي
معلومات الكاتب
عزيزي جربت فيديو بصيغة avi وهو يعمل بصورة جيدة

لا اعرف لماذا لم يعمل الفيديو بصيغة mp4

تحياتي لك

look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  26-06-2015 01:44 صباحاً   [7]
Mr King
معلومات الكاتب
شغّال عندي على السيرفر الشخصي بدون مشاكل،



تأكد من حذف التنسيقات من الرابط قبل إدراجه في محرر المنتدى



انسخه من ردّي السابق ثمّ الصقه في المفكره (notepad) وأعد نسخه من المفكره ثمّ أدرجه في محرر المنتدى



وقُم بتضليله
(مع التأكد من عدم وجود أي فراغات قبل الرابط وبعده) ثمّ اضغط على أيقونة mp4 واعتمد المشاركه



إذا بقي نفس المشكل فالمرجو إطلاعنا على رابط المشاركة ليتمّ معاينة المشكل



look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  26-06-2015 07:26 مساءً   [8]
حسين العنبكي
معلومات الكاتب
تم يا عزيزي وشغال وكله تمام بارك الله فيك

كذلك وجدت موقع يحول روابط الفيديوات المرفوعة إلى جوجل درايف إلى روابط مباشرة

للاستفادة

https://sites.google.com/site/gdocs2direct



تحياتي لك وشكرًا جزيلًا

look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  27-06-2015 05:23 صباحاً   [9]
Mr King
معلومات الكاتب
بارك الله فيك على مشاركتنا الرابط اضافة مشغل فيديو video-js HTML5 إلى المنتدى


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[مجابه] مشغل الفيديو لايعمل ashraf
4 1610 نجم الويب
مشغل youtube و الفيديو والصوت mp3, flv, mp4 PhpMax
41 15360 محمد333
hostgator + مشغل فيديو مثل تريدنت ؟ arabsciences
8 1824 arabsciences

الكلمات الدلالية
لا يوجد كلمات دلالية ..






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