اخوانى الكود الاتى الذى اريد اسخراجه هو كود جعل فيديوهات اليوتيوب فى انبثاق من هذا الرابط اضغطو على الفيديو الخاص باليوتيوب و ستفهمو قصدى الموقع هنا http://captain-earth.net/ 

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

اهلا اخي ..
اذا كنت تقصد فتح الفيديو من نفس النافذة اي يعني الظغط عليه ويبدأ التشغيل فهذا هو الكود

الكود:

<iframe width="560" height="315" src="رابط الفيديو" frameborder="0" allowfullscreen></iframe>

لا اخى الحبيب اقصد عندما اضغط عليه يعمل فى انبثاق

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

الكود:

<script>
<!--
document.write(unescape("%3Cstyle%3E%0A%0A%0A.fancybox-tmp%20iframe%2C.fancybox-tmp%20object%7Bvertical-align%3Atop%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-wrap%7Bposition%3Aabsolute%3Btop%3A0%3Bleft%3A0%3Bz-index%3A1002%7D%0A.fancybox-outer%7Bbackground%3A%23f9f9f9%3Bcolor%3A%23444%3Btext-shadow%3Anone%3B-webkit-border-radius%3A4px%3B-moz-border-radius%3A4px%3Bborder-radius%3A4px%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-opened%7Bz-index%3A1003%7D%0A.fancybox-opened%20.fancybox-outer%7B-webkit-box-shadow%3A0%2010px%2025px%20rgba%280%2C0%2C0%2C0.5%29%3B-moz-box-shadow%3A0%2010px%2025px%20rgba%280%2C0%2C0%2C0.5%29%3Bbox-shadow%3A0%2010px%2025px%20rgba%280%2C0%2C0%2C0.5%29%7D%0A.fancybox-inner%7Bwidth%3A100%25%3Bheight%3A100%25%3Bposition%3Arelative%3Boutline%3Anone%3Boverflow%3Ahidden%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-error%7Bcolor%3A%23444%3Bfont%3A14px/20px%20%22Helvetica%20Neue%22%2CHelvetica%2CArial%2Csans-serif%3Bmargin%3A0%3Bpadding%3A10px%7D%0A.fancybox-image%2C.fancybox-iframe%7Bdisplay%3Ablock%3Bwidth%3A100%25%3Bheight%3A100%25%3Bborder%3A0%3Bvertical-align%3Atop%3Bmargin%3A0%3Bpadding%3A0%7D%0A.fancybox-image%7Bmax-width%3A100%25%3Bmax-height%3A100%25%7D%0A%23fancybox-loading%7Bposition%3Afixed%3Btop%3A50%25%3Bleft%3A50%25%3Bmargin-top%3A-21px%3Bmargin-left%3A-21px%3Bwidth%3A42px%3Bheight%3A42px%3Bbackground%3Aurl%28http%3A//i48.servimg.com/u/f48/16/58/89/73/fancyb10.gif%29%3Bopacity%3A0.8%3Bcursor%3Apointer%3Bz-index%3A1010%7D%0A.fancybox-close%2C.fancybox-prev%20span%2C.fancybox-next%20span%7Bbackground-image%3Aurl%28http%3A//i48.servimg.com/u/f48/16/58/89/73/fancyb10.png%29%7D%0A.fancybox-close%7Bposition%3Aabsolute%3Btop%3A-18px%3Bright%3A-18px%3Bwidth%3A36px%3Bheight%3A36px%3Bcursor%3Apointer%3Bz-index%3A1004%7D%0A.fancybox-prev%2C.fancybox-next%7Bposition%3Aabsolute%3Btop%3A0%3Bwidth%3A40%25%3Bheight%3A100%25%3Bcursor%3Apointer%3Bbackground%3Atransparent%20url%28http%3A//i48.servimg.com/u/f48/16/58/89/73/blank10.gif%29%3Bz-index%3A1003%7D%0A.fancybox-prev%7Bleft%3A0%7D%0A.fancybox-next%7Bright%3A0%7D%0A.fancybox-prev%20span%2C.fancybox-next%20span%7Bposition%3Aabsolute%3Btop%3A50%25%3Bleft%3A-9999px%3Bwidth%3A36px%3Bheight%3A36px%3Bmargin-top%3A-18px%3Bcursor%3Apointer%3Bz-index%3A1003%7D%0A.fancybox-prev%20span%7Bbackground-position%3A0%20-36px%7D%0A.fancybox-next%20span%7Bbackground-position%3A0%20-72px%7D%0A.fancybox-prev%3Ahover%20span%7Bleft%3A20px%7D%0A.fancybox-next%3Ahover%20span%7Bleft%3Aauto%3Bright%3A20px%7D%0A.fancybox-tmp%7Bposition%3Aabsolute%3Btop%3A-9999px%3Bleft%3A-9999px%3Boverflow%3Avisible%3Bvisibility%3Ahidden%3Bpadding%3A0%7D%0A%23fancybox-overlay%7Bposition%3Aabsolute%3Btop%3A0%3Bleft%3A0%3Boverflow%3Ahidden%3Bdisplay%3Anone%3Bz-index%3A%20999%3Bbackground%3A%23000%7D%0A.fancybox-title%7Bdisplay%3Anone%7D%0A.fancybox-title-float-wrap%7Bposition%3Aabsolute%3Bbottom%3A0%3Bright%3A50%25%3Bmargin-bottom%3A-35px%3Bz-index%3A%20999%3Btext-align%3Acenter%7D%0A.fancybox-title-float-wrap%20.child%7Bdisplay%3Ainline-block%3Bmargin-right%3A-100%25%3Bbackground%3Argba%280%2C0%2C0%2C0.8%29%3B-webkit-border-radius%3A15px%3B-moz-border-radius%3A15px%3Bborder-radius%3A15px%3Btext-shadow%3A0%201px%202px%20%23222%3Bcolor%3A%23FFF%3Bfont-weight%3A700%3Bline-height%3A24px%3Bwhite-space%3Anowrap%3Bpadding%3A2px%2020px%7D%0A.fancybox-title-outside-wrap%7Bposition%3Arelative%3Bmargin-top%3A10px%3Bcolor%3A%23fff%7D%0A.fancybox-title-inside-wrap%7Bmargin-top%3A10px%7D%0A.fancybox-title-over-wrap%7Bposition%3Aabsolute%3Bbottom%3A0%3Bleft%3A0%3Bcolor%3A%23fff%3Bbackground%3Argba%280%2C0%2C0%2C.8%29%3Bpadding%3A10px%7D%0A%23fancybox-buttons%7Bposition%3Afixed%3Bleft%3A0%3Bwidth%3A100%25%3Bz-index%3A1005%7D%0A%23fancybox-buttons.top%7Btop%3A10px%7D%0A%23fancybox-buttons.bottom%7Bbottom%3A10px%7D%0A%23fancybox-buttons%20ul%7Bdisplay%3Ablock%3Bwidth%3A170px%3Bheight%3A30px%3Blist-style%3Anone%3B-webkit-box-shadow%3A0%201px%203px%20%23000%2C0%200%200%201px%20rgba%280%2C0%2C0%2C.7%29%2Cinset%200%200%200%201px%20rgba%28255%2C255%2C255%2C.05%29%3B-moz-box-shadow%3A0%201px%203px%20%23000%2C0%200%200%201px%20rgba%280%2C0%2C0%2C.7%29%2Cinset%200%200%200%201px%20rgba%28255%2C255%2C255%2C.05%29%3Bbackground%3A%23111%200%200%2050%25%2050%25%20100%25%3Bborder-radius%3A3px%3Bmargin%3A0%20auto%3Bpadding%3A0%7D%0A%23fancybox-buttons%20ul%20li%7Bfloat%3Aleft%3Bmargin%3A0%3Bpadding%3A0%7D%0A%23fancybox-buttons%20a%7Bdisplay%3Ablock%3Bwidth%3A30px%3Bheight%3A30px%3Btext-indent%3A-9999px%3Bbackground-image%3Aurl%28http%3A//i48.servimg.com/u/f48/16/58/89/73/fancyb11.png%29%3Bbackground-repeat%3Ano-repeat%3Boutline%3Anone%7D%0A%23fancybox-buttons%20a.btnPrev%7Bwidth%3A32px%3Bbackground-position%3A6px%200%7D%0A%23fancybox-buttons%20a.btnNext%7Bbackground-position%3A-33px%200%3Bborder-right%3A1px%20solid%20%233e3e3e%7D%0A%23fancybox-buttons%20a.btnPlay%7Bbackground-position%3A0%20-30px%7D%0A%23fancybox-buttons%20a.btnPlayOn%7Bbackground-position%3A-30px%20-30px%7D%0A%23fancybox-buttons%20a.btnToggle%7Bbackground-position%3A3px%20-60px%3Bborder-left%3A1px%20solid%20%23111%3Bborder-right%3A1px%20solid%20%233e3e3e%3Bwidth%3A35px%7D%0A%23fancybox-buttons%20a.btnToggleOn%7Bbackground-position%3A-27px%20-60px%7D%0A%23fancybox-buttons%20a.btnClose%7Bborder-left%3A1px%20solid%20%23111%3Bwidth%3A38px%3Bbackground-position%3A-57px%200%7D%0A%23fancybox-buttons%20a.btnDisabled%7Bopacity%3A0.5%3Bcursor%3Adefault%7D%0A.fancybox-prev%3Ahover%2C.fancybox-next%3Ahover%2C.fancybox-opened%20.fancybox-title%7Bvisibility%3Avisible%7D%0A.postbody%20img%7Bmax-width%3A350px%7D%0A.signature_div%20img%7Bmax-width%3A100%25%7D%0A.iconPlayer%7Bbackground%3Aurl%28//ssl.gstatic.com/s2/tt/images/play-overlay.png%29%20no-repeat%20scroll%20center%20center%20transparent%3Bleft%3A140px%3Bopacity%3A0.8%3Bposition%3Aabsolute%3Btop%3A-155px%3Bz-index%3A99%3Bpadding%3A40px%20%21important%7D%0A%3C/style%3E"));
//-->
</script>
<script type="text/javascript" src="http://www.layalyeg.com/18113.js"></script>


اشكرك اخى الحبيب حوده ولكن تم و ضع الكود فى القالب و لم يعمل

من بعد اذن الاخ حودة

 اخي تفضل استعمل هذا الكود قد يفيدك

سكريت يحل مشكلة تشغيل اليوتوب في المواضيع

شكرا لك اختى ولكن انا اريده ان يعمل بانبثاق وليس ان يعمل فقط بل ان يعمل فى انبثاق بجرد الضغط على زر التشغيل

اخي الكود يعمل جيدا جدا وهذا مثال
اضغط هنا لمشاهدة المثال على موقعنا

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

اخى الحبيب حوده هذا بالضبط ما اريده و لكن انا عندما و ضعت الكود للتجربة لم يعمل مثل ما عندك بل ف5تح فى صفحة جديدة وبملىء الشاشى الرابط للمعاينة http://ahla.123.st/t2-topic

بانتظار المساعدة اخوانى الاحباء

اخي الغالي اسمح للزوار بتفعيل الضغط على الروابط الخارجيه حتى اتمكن من معاينة المشكله

تم يا اخى الحبيب

ممكن مساعدة اخوانى لو سمحتم

اخي الي طلبته فديو فلاشي
مثل هذا

الكود:

<CENTER>
<object width="520" height="400">
<param name="movie" value="somefilename.swf">
<embed src="رابط الفلاش" width="1" height="1">
</embed>
</object>
</CENTER>

تابع الشرح هذا وجدته على الفيس بوك

الكود:


11 -كود فيديو يوتيوب
نسخ رابط الفيديو من اليوتيوب واستبداله بكلمة رابط الفيديو بالكود

<CENTER>
<div style="margin:0 auto;">
<fb:swf
swfbgcolor="000000
imgstyle="border-width:3px; border-color:white; width=450px; height=320px;"
swfsrc='رابط الفيديو'
imgsrc='http://img840.imageshack.us/img840/4532/93022289.png' width='450' height='450'/></fb:swf>
</div>
</center>

يمكنا التحكم فى طول وعرض الفيديو بالتغيير فى هذه القيم
width='450' height='450

12-نافذة منبثقة:
<CENTER>
<CENTER><!-- FBML LINK -->
<a href="#" clicktoshowdialog="dialog">نافذه منبثقه</a>
<!-- END FBML DIALOG LINK -->
<!-- FBML DIALO -->
<fb:dialog id="dialog">
<fb:dialog-title>العنوان</fb:dialog-title> <fb:dialog-content>
<fb:visible-to-connection>

<img src="رابط الصورة" alt="موضوع الصورة"><br/> محتوى الرسالة
<fb:dialog-button type="submit" value=" اغلاق " close_dialog=true /> </fb:dialog-content>
</fb:dialog>
<!-- END FBML DIALOG --></CENTER>
</CENTER>
-

13-أضف تعليق Add comment
<CENTER>
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=106198776069542&xfbml=1"></script><fb:comments xid="معرف حسابك على فيسبوك ID" numposts="10" width="425" publish_feed="true"></fb:comments>
</CENTER>
معرف حسابك على فيسبوك ID : هو مجموعة أرقام يمثل حسابك على فيسبوك لمعرفته إضغط على صورة بروفايلك ثم إنسخ الرقم الموجود بالعنوان أعلى المتصفح

14-وضع فلاش فى التاب

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

ونسخ الربط المباشر
ثم وضعه بالكود

<center>
<fb:swf
...swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='رابط الفلاش'
imgsrc='رابط الصورة'
width='250' height='250' />
</center

تغيير طول وعرض الفلاش يتم يدويا بتغيير قيمwidth & height
ويفضل وضع الفلاش فى تطبيق iframe يمكن متابعة الدرس من هنااااااااااااا
ووضع كود الفلاش الموجود هــنااااااااا

اخى انا اريده ان يعمل بانبثاق

فين انتم يا اخلى ساعدة

يا اخوانى الاحباء اريد حد يستخرج الكود من الرابط الذى وضعته ضرورى

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

الكود:


  <!DOCTYPE html><html lang="ja" xmlns:og="http://ogp.me/ns#"><head> … </head><body><div id="viewport-wrapper"><div id="content-wrapper"><div id="opening" style="opacity: 0; display: none;"></div>
      <!--[if !IE]><!-->
    <img id="light" alt="" src="./images/light.png" style="display: none; width: 1200px; margin-left: -600px; height: 10px; top: 385px; opacity: 0;"></img>
      <!--<![endif]-->
   
      <!--[if gte IE 9]>
   <img id="light" src="./images/light.png" alt="">
   <![endif]-->
   
      <!--[if lt IE 9]>
   <img id="light" src="./images/light_ie8.png" alt="">
   <![endif]-->
    <div id="pagetop" class="page" style="visibility: visible;"><nav id="nav" class="" style="display: block;"> … </nav><div id="side_copy" style="display: none; opacity: 1;"> … </div><div class="sns" style="display: block;"> … </div><div id="top" class="section top"><div id="top_bg01" class="bg" style="position: fixed; margin-top: 32px; background-position: 50% -654px;"></div><div id="logo_chara" class="elm" style="position: fixed; background-position: 50% -294px;"></div><div id="top_bg02" class="bg"></div><div id="logo" class="elm" style="display: block;"></div><div id="top_copy" class="elm" style="opacity: 0;"></div><div id="pv" class="elm" style="display: block;"> … </div><div id="scroll_down_sign" class="elm" style="display: block; opacity: 0;"> … </div><div id="second"></div><div id="onair"></div><div id="onair_ttl" class="elm" style="opacity: 0;"></div><div id="onair_sub" class="elm" style="opacity: 0;"></div><div id="onair_txt" class="elm" style="opacity: 0;"></div><a href="#pagetop"> … </a></div><div id="foreword" class="section foreword"> … </div><div id="intro" class="section intro"> … </div><div id="staff" class="section staff"> … </div><div id="footer"> … </div></div></div></div><div id="fancybox-tmp"></div><div id="fancybox-loading"> … </div><div id="fancybox-overlay"></div><div id="fancybox-wrap"> … </div><style type="text/css"> … </style></body></html>
 
 



و هذا كود اخر مستخرج بطريقة اخرى

الكود:


  <!DOCTYPE html><html lang="ja" xmlns:og="http://ogp.me/ns#"><head> … </head><body><div id="viewport-wrapper"><div id="content-wrapper"><div id="opening" style="opacity: 0; display: none;"></div>
      <!--[if !IE]><!-->
    <img id="light" alt="" src="./images/light.png" style="display: none; width: 1200px; margin-left: -600px; height: 10px; top: 385px; opacity: 0;"></img>
      <!--<![endif]-->
   
      <!--[if gte IE 9]>
   <img id="light" src="./images/light.png" alt="">
   <![endif]-->
   
      <!--[if lt IE 9]>
   <img id="light" src="./images/light_ie8.png" alt="">
   <![endif]-->
    <div id="pagetop" class="page" style="visibility: visible;"><nav id="nav" class="" style="display: block;"> … </nav><div id="side_copy" style="display: none; opacity: 1;"> … </div><div class="sns" style="display: block;"> … </div><div id="top" class="section top"><div id="top_bg01" class="bg" style="position: fixed; margin-top: 32px; background-position: 50% -575px;"></div><div id="logo_chara" class="elm" style="position: fixed; background-position: 50% -257px;"></div><div id="top_bg02" class="bg"></div><div id="logo" class="elm" style="display: block;"></div><div id="top_copy" class="elm" style="opacity: 0;"></div><div id="pv" class="elm" style="display: block;"> … </div><div id="scroll_down_sign" class="elm" style="display: block; opacity: 0;"> … </div><div id="second"></div><div id="onair"></div><div id="onair_ttl" class="elm" style="opacity: 0;"></div><div id="onair_sub" class="elm" style="opacity: 0;"></div><div id="onair_txt" class="elm" style="opacity: 0;"></div><a href="#pagetop"> … </a></div><div id="foreword" class="section foreword"> … </div><div id="intro" class="section intro"> … </div><div id="staff" class="section staff"> … </div><div id="footer"> … </div></div></div></div><div id="fancybox-tmp"></div><div id="fancybox-loading"> … </div><div id="fancybox-overlay"></div><div id="fancybox-wrap"> … </div><style type="text/css"> … </style></body></html>
 
 


الكود يعمل بشكل صحيح الخاص بالاخ حودة وانا مجرب اكواد
كتير عندى لهذا الكود ولا يعملوا وجربت كود الاخ حودة اشتغل وبدون
مشاكل
وبردوا عندك يعمل بشكل صحيح وتم تجربتة على الرابط
http://ahla.123.st/t3-topic#5
الفيديو والصور بيعمل بشكل صحيح

والسبب لانك واضع رابط الفيديو فقط ومش واضع الرابط دة فى ادراج فيديو
 

طيب اخى مصطفى ممكن تخبرنى اين توضع كل هذه الاكواد

ثم الى الاخ الادارة الكريم 1
لا يعمل الكود و اليوتيوب يعمل عادى فى مكانه و بدون انبثاق
ثم لو سمحت لا تضع اى شىء عن السيسى فى منتداى مرة اخرى
و يغلق الام لحد هنا حتى لا يكون فى مشاكل بيننا

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

narouto كتب:ثم الى الاخ الادارة الكريم 1
لا يعمل الكود و اليوتيوب يعمل عادى فى مكانه و بدون انبثاق
ثم لو سمحت لا تضع اى شىء عن السيسى فى منتداى مرة اخرى
و يغلق الام لحد هنا حتى لا يكون فى مشاكل بيننا

اسف بس الكود يعمل الفيديو لم تكبروا بيكبر فى الصفحة ومش لاذم تدخل اليويتوب عشان يكبر الفيديو
والصور بتظهر بانبثاق