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

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

مرحبا بك، حمّل مجلد المشغّل وفكّ الضغط عنه، انقل المجلدvideo-js داخل مجلد منتداك (إلى جانب الملفاتcommon.php وpbboard.class.php...) أضف هذه ا



look/images/icons/i1.gif اضافة مشغل فيديو video-js HTML5 إلى المنتدى
  25-06-2015 07:23 مساءً  
معلومات الكاتب ▼
انضم في : 27-11-2012
رقم العضوية : 2,642
المشاركات : 3,233
الدولة : morocco
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 6
قوة السمعة : 18,850
مرحبا بك،

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

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

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

CODE

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


أعلى من
CODE
<title>


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

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


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

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

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


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


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

الإستبدال :</b>
أدرج هذا الكود
CODE

<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" }'>
 <source src="{content}" type='video/mp4' />
 <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>
</video>


مع التعديل على رابط صورة واجهة الفيديو
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


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




الساعة الآن 09:54 PM