اخي الغالي ( @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>