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

[alfahloy-alfahloy 0]

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

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

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






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

Youtube


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


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

1- نقوم برفع مجلد viewbox الى داخل مجلد المنتدى
2- نذهب الى لوحة تحكم المنتدى الى خيار ( أكواد BB Codes المخصصة )
3- نختار خيار ( إضافة كود منتدى جديد )



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


بيانات الحقول
العنوان :

الكود:

                  Youtube Player 

BB Code اسم البطاقة :

الكود:

                  youtube 

الاستبدال :

الكود:

   
                 <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> 

مثال :

الكود:

                  [youtube][/youtube] 

الوصف :

الكود:

                  عرض فيديو  اليوتيوب  في نفس الصفحة 

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



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

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

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

viewbox/youtube.png



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


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

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

[صبر جميل 0]

أجــمل وأرق باقات ورودى
لموضوعك الجميل
تــحــياتي لك
كل الود والتقدير
دمت برضى من الرحــمن
لك خالص احترامي
اخوكم انور ابو البصل

[alfahloy-alfahloy 0]

تشرفت بتواجدك فى متصفحى المتواضع
لاحرمت من روعة تواجدك
لك كل الشكر والتقدير

[Pr!nCe LoVeR 1]

تًحٍ ـيه معٍ ـطٍرٍهْ
مـوٍآأإضيٍع كـمٍ يٍضآهٍـي تٍع ـبٍيـرٍيٍ لٍـهـٍآآ
فٍحٍ ـرٍوٍفٍـيٍ تٍـآآئٍههٍ وٍكَلٍم ـٍآآتٍـيٍ ضٍـآآئٍعٍ ــهٍ
وٍقٍـلٍم ـٍيٍ أإلـٍذٍهـٍبٍيٍ عٍ ـآآجـٍزٍاً عن ألتَع ــبٍـيرٍ عٍنْ جٍم ـآلٍ مـٍوٍآضيٍعٍ كُـٍمٍ
دُمٍ تـمٍ رٍم ـزٍآاً للآبٍـدآعٍ وٍأإلـعٍ ــطـٍآءٍ
وٍآص ـٍلـوٍآ تٍم ـٍيٍزٍكُـمٍ وٍلآتًحٍ ـرٍمـٍوٍنآآ مِنْ جٍ دٍيٍدكم
تقبٍلـوٍآ مـرٍوٍرٍي عـٍلى صًفـٍحآتـكًم أإلـجًم ـٍيلٍه
سَـلآم ـٍي وٍكُـلٍ أإحٍ ـتٍرٍآمـي

[alfahloy-alfahloy 0]

كل الشكر على الكلام الجميل
اسعدنى جدااا مرورك الرائع
لك منى اجمل تحية وتقدير
تحياتى لك

[mr.mohamed 0]

تسلم علي المجهود الرائع
فى انتظار كل جديد منك
تقبلوا مرورى وتحياتى

[alfahloy-alfahloy 0]

كل الشكر على الكلام الجميل
اسعدنى جدااا مرورك الرائع
لك منى اجمل تحية وتقدير
تحياتى لك

[فراشة الربيع 0]

:progoo8:

الله يعطيك العافية
موضوعك رائع ومميز
بانتظار ما يجود به قلمك من ابداع
فلا تحرمنا المزيد من ابداعك الرائع
تحياتى وودى

[alfahloy-alfahloy 0]

چزآگى الله خيرا
شگرآ لمرورگ الچميل والرائع
تحياتى لگى

[♥RNA♥ 0]

شكرآ جزيلا على الموضوع الرائع و المميز

واصل تالقك معنا فى المنتدى

بارك الله فيك أخى ...

ننتظر منك الكثير من خلال إبداعاتك المميزة

لك منـــــــ إجمل تحية ــــــــــى
:progoo2:

[alfahloy-alfahloy 0]

:progoo9:

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