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

اضافة مشغل فيديو إلى المنتدى

مشاهدة المشاركة في الموضوع بالعرض العادي

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

25-06-2015 07:23 مساءً

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 - إضافة كود منتدى جديد

العنوان : فيديو mp4 html5

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

مثال :

CODE

[v-mp4]http://www.exemple.com/exemple.mp4[/v-mp4]<br />

وسم BBCode :

CODE

v-mp4<br />

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

الإستبدال :

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

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 وكذاك من الإستبدال

رابط ملف بضيغة mp4 للتجربة

CODE

http://vjs.zencdn.net/v/oceans.mp4<br />

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

الساعة الآن 11:20 PM