تشاهدون الآن:
	موضوع:كود جافاسكريبت لإضافة  playlist  في مشغل jwplayer
	سلسلة:
	نبذة:
	الصنف:

قمنا في وقت سابق بتقديم درس عن كيفية إضافة قائمة playlist لمشغل jwplayer لكن الكثير لم يحبذ الطريقة رغم أنها الأفضل.
لكن العملاق جافاسكريت يجعل كل ما هو صعب سهل بأتم معنى الكلمة و هذا ما سنتطرق إليه اليوم.

نبدأ على بركة الله.
كل ماعليك فعله نسخ الكود التالي:

<script type='text/javascript' src='http://4you4ever-site.googlecode.com/files/jwplayer.js'></script>
<div id='mediaplayer'></div>
<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'flashplayer': 'http://www.longtailvideo.com/files/player.swf',
    'id': 'playerID',
    'width': '650',
    'height': '240',
    'controlbar':'bottom',
    'playlist.position': 'right',
    'playlist.size': '250',
    'playlist': [
        {
           'file': 'bunny.mp4',
           'title': 'Big Buck Bunny Trailer',
           'provder': 'rtmp',
           'streamer': 'rtmp://rtmp.server.com/application',
           'image': 'http://thumbnails.server.com/thumbs/bunny.jpg',
           'duration': '33.03',
           'description': 'An animated short from the Blender project'
        },
        {
           'file': 'sintel.mp4',
           'title': 'Sintel',
           'streamer': 'rtmp://rtmp.server.com/application',
           'image': 'http://thumbnails.server.com/thumbs/sintel.jpg',
           'provider': 'rtmp',
           'duration': '888.06',
           'description': 'An animated short from the Blender project'
        },
        {
           'file': 'elephant.mp4a',
           'title': 'Elephant´s Dream',
           'streamer': 'rtmp://rtmp.server.com/application',
           'image': 'http://thumbnails.server.com/thumbs/elephant.jpg',
           'provider': 'rtmp',
           'duration': '653.79',
           'description': 'An animated short from the Blender project'
        }
    ]
  });
</script>

اللون الأحمر خاص بإعدادات المشغل حيث:

لتغيير عرض المشغل 

'width': '650',

**********************************************************

لتغيير طول المشغل 

'height': '240',

***********************************************************

 لتغيير مكان قائمة التحكم

'controlbar':'bottom',

 :القيم الممكنة هي

'bottom'
'over'
'top'
'none' 

**********************************************************

 لتغيير مكان القائمة

'playlist.position': 'right',

 :القيم الممكنة هي

'bottom'
'over'
'top'
'none'

'right'

'left'

**********************************************************

لتغيير طول القائمة 

'playlist.size': '250',

اللون البرتقالي لتغيير رابط الفيديو.
اللون الأصفر لتغيير عنوان الفيديو.
اللون الأخضر لتغيير رابط الفيديو الذي يدعم rtmp .
اللون الأزرق لتغيير رابط صورة الفيديو.
اللون البنفسجي لتغيير مدة الفيديو.
اللون الوردي لتغيير وصف الفيديو.
ملاحظة:
نفس خصائص الدرس السابق صالحة لهذا الكود.
أما لإضافة /إزالة فيديو قم بإضافة /إزالة الكود التالي مع مراعاة الخصائص السابقة

{
           'file': 'bunny.mp4',
           'title': 'Big Buck Bunny Trailer',
           'provder': 'rtmp',
           'streamer': 'rtmp://rtmp.server.com/application',
           'image': 'http://thumbnails.server.com/thumbs/bunny.jpg',
           'duration': '33.03',
           'description': 'An animated short from the Blender project'
        },

أتمنى أن أكون خفيفا عليكم.
إلى هنا تنتهي سلسلة إحتراف jwplayer  المندرجة ضمن سلسلة أكواد المدونين إلى درس جديد إن شاء الله من السلسلة.