عرض اليوتيوب بطريقة احترافية

[admin]

http://www.dzbatna.com/images/icons/iconrote.gif ط¹ط±ط¶ ط§ظ„ظٹظˆطھظٹظˆط¨ ط¨ط·ط±ظٹظ‚ط© ط§ط*طھط±ط§ظپظٹط© (http://www.dzbatna.com/t1835869/)




http://img838.imageshack.us/img838/5782/bsmlh21.png

أغلب اصحاب المنتديات يقومون بتركيب install هاك productات لعرض فيديو اليوتيوب داخل المواضيع و المشاركات وذلك لابقاء الزائر في المنتدى forum وعدم انتقاله الى موقع اليوتيوب
لمشاهدة الفيديو

ولكن هذه الطرق تأثر على سرعة تصفح المنتدى forum بحيث تزيد مدة تحميل الصفحة في حال
وجود عدد كبير من الفيديوهات في الموضوع

وبصراحة حولت كثيرا ان اجد طريقة لعرض اليويتيوب داخل المواضيع دون ان يسبب
ثقل في فتح صفحة المواضيع ولم اجد
حتى لفت انتباهي احد الموقع ( ليس منتدى ) كان يعرض اليوتيوب بشكل جميل جدا باستخدام jquery بحيث عن الضغط على الرابط تظهر نافذة في نفس الصفحة
ينعرض فيها الفيديو بشكل جميل جدا

http://www.up.mtwer.com/files/10586.png




هذا مثال لطريقة العرض

Youtube (http://www.reko24.cz.cc/youtube/index.htm)


فقررت ان اقوم بتطوير الفكرة واستخدامها لعرض اليوتيوب في المنتديات
و الحمد لله قدرت اصل لنفس النتيجة


ناتي لشرح طريقة اضافة التأثير الى المنتدى forum

1- نقوم برفع مجلد viewbox الى داخل مجلد المنتدى forum
2- نذهب الى لوحة تحكم المنتدى forum الى خيار ( أكواد BB Codes المخصصة )
3- نختار خيار ( إضافة كود code منتدى جديد )
http://www.up.mtwer.com/files/10584.png


4- نقوم بملأ البيانات المطلوبة كما هو موضح بالصورة
(تم اضافة بيانات الحقول في مستند نصي مع الملفات)



http://www.up.mtwer.com/files/10583.png

بيانات الحقول
العنوان : رمز PHP:

<code style="white-space:nowrap"> <code> Youtube Player
</code> </code>



BB Code اسم البطاقة : رمز PHP:

<code style="white-space:nowrap"> <code> youtube
</code> </code>



الاستبدال :

رمز PHP:

<code style="white-space:nowrap"> <code> <script type="text/javascript" src="viewbox/js/jQuery.js"></script>
<script type="text/javascript" src="viewbox/js/script.js"></script>
<script type="text/javascript" src="viewbox/js/viewbox_min.js"></script>
<link rel="stylesheet" type="text/css" href="viewbox/viewbox-css.css" /
<div class="video">
{param}
</div>
</code> </code>




مثال : رمز PHP:

<code style="white-space:nowrap"> <code> &#91;youtube&#93;&#91;/youtube&#93;
</code> </code>



الوصف : رمز PHP:

<code style="white-space:nowrap"> <code> عرض فيديو اليوتيوب في نفس الصفحة
</code> </code>



استخدام {option} : لا

زر الصورة (اختيارية) : رمز PHP:

<code style="white-space:nowrap"> <code> viewbox/youtube.png
</code> </code>



باقي الخانات اتركها كما هي


بكدا نكون انتهينا من تركيب install الاضافة ويمكن التأكد من عملها باضافة رابط يوتيوب من خلال الايقونة الجديدة التى تم اضافتها في محرر المواضيع

http://www.up.mtwer.com/files/10585.png




تحميل ملفات الاضافة من المرفق



في النهاية اتمنى اين يكون الشرح طريقة واضح وسهل بالنسبة لكم
واتمنى ان اكون وفقت في تقديم هذا الشرح طريقة










ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)

الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif عرض اليوتيوب بطريقة احترافية.zip (http://www.traidnt.net/vb/attachments/567428d1302792141-عرض-اليوتيوب-بطريقة-احترافية.zip) (230.9 كيلوبايت, عدد مرات المشاهدة 622 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©