تشاهدون الآن: | |
---|---|
موضوع:كيفية دمج فيديو داخل مشغل | |
سلسلة:[أكواد مهمة للمدونين] | |
نبذة:كود إضافة مشغل فيديو جاهز للإستعمال. | |
الصنف:دروس,أكواد,جافاسكريبت,بلوجر |
درسنا اليوم خاص بأصحاب مدونات الأفلام و مشاهدة القنوات أو الميديا بحيث تحتوي مدوناتهم على الأفلام أو المبارايات فقط ما يعني أنهم يستخدمون العديد من المواقع التي تقدم خدمة مشاركة الفيديوهات و المبارايات نذكر منها:
dailymotion، justin، livestream،youtube....
وكل موقع من هذه المواقع لها مشغل فيديو خاص بها ما يجعل المدونة فيما بعد تفقد البعض من التنسيق، لكن مع هذه الإضافة ستكون كل الفيديوهات المتوفرة مدمجة داخل مشغل واحد و ليس هذا فقط ....
دمج فيديو داخل مشغل:
كل ما عليكم فعله هو نسخ الكود التالي داخل موضوع بلوجر بعض التغيير إلى الوضع html :
<div align="center">
<script src="http://4you4ever-site.googlecode.com/files/jwplayer.js" type="text/javascript">
</script>
<br />
<div id="mediaspace">
This text will be replaced</div>
<script type="text/javascript">
jwplayer('mediaspace').setup({
'flashplayer': 'http://www.longtailvideo.com/files/player.swf',
'file': 'http://content.longtailvideo.com/videos/flvplayer.flv',
'controlbar': 'bottom',
'width': '575',
'height': '450'
});
</script>
</div>
<script src="http://4you4ever-site.googlecode.com/files/jwplayer.js" type="text/javascript">
</script>
<br />
<div id="mediaspace">
This text will be replaced</div>
<script type="text/javascript">
jwplayer('mediaspace').setup({
'flashplayer': 'http://www.longtailvideo.com/files/player.swf',
'file': 'http://content.longtailvideo.com/videos/flvplayer.flv',
'controlbar': 'bottom',
'width': '575',
'height': '450'
});
</script>
</div>
و ينتج عنه ما يلي:
This text will be replaced
لاتنسى تغيير:
اللون البرتقالي برابط الفيديو.
نأتي الآن للأهم و هو كيفية إضافة لوجو أو شعار داخل المشغل.
نأتي الآن للأهم و هو كيفية إضافة لوجو أو شعار داخل المشغل.
دمج لوجو داخل مشغل:
الأمر جد سهل كل ما عليكم فعله نسخ الكود التالي داخل الموضوع بعد التحويل إلى html :
<div align="center">
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='575' height='450' id='single1' name='single1'>
<param name='movie' value='http://codecanyon.net/video_player/player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars'>
<embed
type='application/x-shockwave-flash'
id='single2'
name='single2'
src='http://codecanyon.net/video_player/player.swf'
width='575'
height='450'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
wmode='transparent'
flashvars='file=http://www.youtube.com/watch?v=Y83c9RjH894&logo.file=https://sites.google.com/site/4you4eversite/logo-tv-and-desing/slimaxtv1/slimaxtv3.png&logo.position=top-left&logo.margin=8&logo.link=http://www.4you-4ever.blogspot.com&logo.linktarget=_blank&logo.hide=false&logo.timeout=25&logo.out=0.5&logo.over=1'
/>
</object>
</div>
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='575' height='450' id='single1' name='single1'>
<param name='movie' value='http://codecanyon.net/video_player/player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars'>
<embed
type='application/x-shockwave-flash'
id='single2'
name='single2'
src='http://codecanyon.net/video_player/player.swf'
width='575'
height='450'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
wmode='transparent'
flashvars='file=http://www.youtube.com/watch?v=Y83c9RjH894&logo.file=https://sites.google.com/site/4you4eversite/logo-tv-and-desing/slimaxtv1/slimaxtv3.png&logo.position=top-left&logo.margin=8&logo.link=http://www.4you-4ever.blogspot.com&logo.linktarget=_blank&logo.hide=false&logo.timeout=25&logo.out=0.5&logo.over=1'
/>
</object>
</div>
اللون الأحمر : لتغيير رابط الفيديو
اللون الأصفر : لتغيير رابط اللوجو أو الشعار
اللون الأزرق : لتغيير مكان اللوجو داخل المشغل القيم الممكنة هي :
اللون الوردي : الرابط المؤدي بعض الضغط على اللوجو.
اللون الأخضر : لإختيار النافذة التي تظهر بعض الضغط على اللوجو القيم الممكنة هي :
اللون الأزرق ذات الخلفية السوداء : الوقت بالثواني الذي يستغرقه اللوجو للاختفاء في حالة ما إذا كان اللون الأحمر ذات الخلفية السوداء عند القيمة true .
اللون البرتقالي ذات الخلفية السوداء : نسبة الشفافية للوجو قبل تمرير الماوس عليها (قيمة بين 0 و 1) .
اللون الأصفر ذات الخلفية السوداء : نسبة الشفافية للوجو بعد تمرير الماوس عليها (قيمة بين 0 و 1) .
قد لا يشتغل الفيديو و يعود السبب إلى تلف الرابط ذات اللون البرتقالي لذلك قم بإستبداله بأحد الروابط التالية:
إلى هنا نكون قد أنهينا موضوع اليوم موعدنا الدرس القادم الذي نتناول فيه نفس الموضوع لكن بصيغة أفضل.
اللون الأصفر : لتغيير رابط اللوجو أو الشعار
اللون الأزرق : لتغيير مكان اللوجو داخل المشغل القيم الممكنة هي :
top-left ************* الأعلى يسار
top-right *********** الأعلى يمين
bottom-left *********** الأسفل يسار
bottom-right ********* الأسفل يمين
اللون البنفسجي : لإختيار محاذاة اللوجو عن المشغل.اللون الوردي : الرابط المؤدي بعض الضغط على اللوجو.
اللون الأخضر : لإختيار النافذة التي تظهر بعض الضغط على اللوجو القيم الممكنة هي :
_blank
_parent
_self
_top
اللون الأحمر ذات الخلفية السوداء : تعني إظهار اللوجو طوال الفيديو أما القيمة true تعني إختفاء اللوجو بعد فترة زمنية. اللون الأزرق ذات الخلفية السوداء : الوقت بالثواني الذي يستغرقه اللوجو للاختفاء في حالة ما إذا كان اللون الأحمر ذات الخلفية السوداء عند القيمة true .
اللون البرتقالي ذات الخلفية السوداء : نسبة الشفافية للوجو قبل تمرير الماوس عليها (قيمة بين 0 و 1) .
اللون الأصفر ذات الخلفية السوداء : نسبة الشفافية للوجو بعد تمرير الماوس عليها (قيمة بين 0 و 1) .
قد لا يشتغل الفيديو و يعود السبب إلى تلف الرابط ذات اللون البرتقالي لذلك قم بإستبداله بأحد الروابط التالية:
http://assetman22.d1g.com/player.swf
http://k005.kiwi6.com/hotlink/zeh85s211a/player2.swf
http://jwen.megaplug.kr/megaplug_player/player.swf
http://joycemeyerstv.tv/player.swf
www.musicvideocast.com/embed/player.swf
http://static.hiphopdx.org/video/player.swf
http://www.businesswire.com/flash/player/player.swf
http://www.swfcabin.com/swf-files/1341153304.swf
http://4you4ever-site.googlecode.com/files/4you4ever-player.swf
http://anomaly.realgravity.com/flash/player.swf
http://videohive.net/video_player/player.swf
http://cloudfront.mediamatters.org/static/flash/player.swf
http://www.swfcabin.com/swf-files/1341155410.swf
http://k005.kiwi6.com/hotlink/zeh85s211a/player2.swf
http://jwen.megaplug.kr/megaplug_player/player.swf
http://joycemeyerstv.tv/player.swf
www.musicvideocast.com/embed/player.swf
http://static.hiphopdx.org/video/player.swf
http://www.businesswire.com/flash/player/player.swf
http://www.swfcabin.com/swf-files/1341153304.swf
http://4you4ever-site.googlecode.com/files/4you4ever-player.swf
http://anomaly.realgravity.com/flash/player.swf
http://videohive.net/video_player/player.swf
http://cloudfront.mediamatters.org/static/flash/player.swf
http://www.swfcabin.com/swf-files/1341155410.swf
النتيجة تكون من هذا الشكل:
مشكور اخي على الموضوع ... شرح جد رائع
ردحذفومفيد بارك الله فيك على مجهودك
شكرا جزيلا على الاطراء
ردحذفهذا ما هوالا الواجب وهذا هو الهدف من هذه المدونة
اخي حاولت كتير مع كل الروابط ومامشي الحال ممكن تساعدني انا بحاجة لمساعدتك
ردحذف