سامي سكر

شكرا لك اخي الغالي @Adnane Kadri انه يعمل كما هومطلوب ولكن احتاج من حضرتك تعديل شىء بسيط في حالة الضغط علي <button onclick="launchVideo();">افتح الفيديو</button> في المتصفح يعمل بشكل طبيعي ويفتح الفيديو ولكن في حالة الضغط عليه مرة اخرة يعمل تحديث للفيدو ولكن لايوجد فيديو بمعني اخر يفتح الفيديو بعد الضفط تمام وفي حالة الضغط مرة اخرة او مرتين بيتم اعطاء Not Found حولت محولات كثيرة بدون فائدة اتمنا ان تكمل معي هذه المرحلة الاخيرة كما اعتقد ان الخطاء في <iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>

اخي الغالي ( @Adnane Kadri ) & ( @Salah Eddin Berriani ) اسف علي الاطالة لاني لم اوصل لك المعلومة كاملة هذا الكود مطلوب بنفس الفكرة وهي //<![CDATA[ // Youtube Responsive setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3); //]]> وهذا الكود الخاص بوضعه في التدوينة لجلب الفيديو مباشر مثل هذا الفيديو <div class="videoyoutube"><div class="video-responsive"><div class="video-youtube loader lazyload" data-src="//player.vimeo.com/video/90429499"></div></div></div> في هذه الحالة الفيديو يظهر في الصفحة بشكل طبيعي وهنا اريد عدم اظهار الفيديو غير في حالة الضغط علي زرار تشغيل مثل ماهو في نفس هذا الاسكربت <script type="text/javascript"> $(function(){ $('#button').click(function(){ if(!$('#iframe').length) { $('#iframeHolder').html('<iframe id="iframe" src="//player.vimeo.com/video/90429499" width="700" height="450"></iframe>'); } }); }); </script> هذا كود تضمين الفيديو في الصفحة بالضغط علي افتح الفيديو <button id="button">افتح الفيديو</button> <div id="iframeHolder"></div> المطلوب هو ان يتم استعمل الطرية الاولة ولكن باضافة عدم اظهار الفيديو قبل الضغط علي افتح الفيديو اتمنا ان اكون قدرت اوضح لك ماهو المطلوب تقريبا ولو امكن ان يتم جمع كود فتح في كامل الشاشة اريد ان يتم دمجهم ليصبح اسكربت واحد مع كود html واحد لتخفيف الاسكربتات وهذا كود html الخاص بالاسكربت شاشة كاملة <div id="demo-element"> هنا كما كنت اعمل بيتم وضع كود طلب الفيديو المستخرج من اول كود <button id="go-button" style="background-position: 0% 100%, 100% 0%, 0px 0px, 0px 0px; background-repeat: no-repeat; border-radius: 8px; display: inline-block; font: 25px calibri, Tajawal, sans-serif; padding: 10px 20px; position: relative; text-decoration: none; text-shadow: rgba(255, 255, 255, 0.4) 1px 1px 0px; vertical-align: baseline; white-space: nowrap;">افتح الفيديو في كامل الشاشة</button> </div>

السلام عليكم الاخوة الكرام كل عام وانتم بخير احتاج المساعدة في دمج اكواد اسكربت لو امكن مساعدتي استحدم 3 اكواد واريد ان تعمل هذه الاكواد بشكل فعال الكود الاول هو كود يعرض زرار بالضغط عليه يفتح ملف فيديو 1 <script type="text/javascript"> $(function(){ $('#button').click(function(){ if(!$('#iframe').length) { $('#iframeHolder').html('<iframe id="iframe" src="//player.vimeo.com/video/90429499" width="700" height="450"></iframe>'); } }); }); </script> <button id="button">Button</button> <div id="iframeHolder"></div> الكود الثاني هو لوضع رابط فيديو بصفحة النشر بدون وضع اكواد فريم //<![CDATA[ // Youtube Responsive setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3); //]]> الكود الثالث هو خاص بفتح الفيديو عن طريق صورة للمشاهدة في كامل الشاشة function GoInFullscreen(element) { if(element.requestFullscreen) element.requestFullscreen(); else if(element.mozRequestFullScreen) element.mozRequestFullScreen(); else if(element.webkitRequestFullscreen) element.webkitRequestFullscreen(); else if(element.msRequestFullscreen) element.msRequestFullscreen(); } function GoOutFullscreen() { if(document.exitFullscreen) document.exitFullscreen(); else if(document.mozCancelFullScreen) document.mozCancelFullScreen(); else if(document.webkitExitFullscreen) document.webkitExitFullscreen(); else if(document.msExitFullscreen) document.msExitFullscreen(); } function IsFullScreenCurrently() { var full_screen_element = document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement || null; if(full_screen_element === null) return false; else return true; } $("#go-button").on('click', function() { if(IsFullScreenCurrently()) GoOutFullscreen(); else GoInFullscreen($("#demo-element").get(0)); }); $(document).on('fullscreenchange webkitfullscreenchange mozfullscreenchange MSFullscreenChange', function() { if(IsFullScreenCurrently()) { $("#demo-element span").text('opn'); $("#go-button").text('bak'); } else { $("#demo-element span").text('bak'); $("#go-button").text('opn'); } }); اريد ان اضع الكود الاول والثاني داخل الكود الاول بمعني بعد الضغط علي زرار عرض الفيديو يظهر لي الفيديو واسفل منه زرار مشاهدة بصفحة كاملة واكون شاكر لكم