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

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

اضافة اكواد لتضمين  شاشة الفيديوهات اليوتيوب

قم بتحميل الاكواد والتى توجد اسفل هدا اللشرح .على شكل تجزئة وكل جزء يجب ان يتم و ضعه في مكانه على القالب .بدخول على HTML والبحث عن الوسم الاول نهاية بلوسم الاخير والدي سوف نشرحه في سياق هاده المقالة ،

اولاا هدا الكود الاول مرحلة وهيا يجب ضع هدا  فوق /body او اي مكان. ولاكن فوق وسم body،

<script src="https://code.jquery.com/jquery-3.5.1.min.js"/>   

اضافة هاده الاكواد تنسخ وتلسق على محتوى html بعيناية

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

<style type='text/css'> /*<![CDATA[*/ .YoutubeLazy{background-color:#000;margin-bottom:30px;position:relative;padding-top:56.25%;overflow:hidden;cursor:pointer}.YoutubeLazy img{width:100%;top:-16.84%;left:0;opacity:.7}.YoutubeLazy .YoutubeButton{width:68px;height:48px;background-color:#333;opacity:.8;box-shadow:0 0 30px rgba(0,0,0,0.6);z-index:1;border-radius:12px}.YoutubeLazy .YoutubeButton:before{content:"";border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #fff}.YoutubeLazy img,.YoutubeLazy .YoutubeButton{cursor:pointer}.YoutubeLazy img,.YoutubeLazy iframe,.YoutubeLazy .YoutubeButton,.YoutubeLazy .YoutubeButton:before{position:absolute}.YoutubeLazy .YoutubeButton,.YoutubeLazy .YoutubeButton:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.YoutubeLazy iframe{height:100%;width:100%;top:0;left:0} /*]]>*/ </style>

  

الاكواد المستخدمة في الشرح 

الكود ماقبل الاخير واخر كود في القالب ويتم وضعه فوق  وسم body .بعد وضع الاكود الاخير في اخر القالب قم بضغط على الحفض وهنا انتهيا تقريبا من اجراء وضع الاكواد .يتبقى فقط اخر كود وهوا الدي سوف نشرحه بعد وضع هدا المربع لاخر كود في القالب.

<script type='text/javascript'> //<![CDATA[ function YoutubeLazy(t){$(".YoutubeLazy").each(function(){var e="https://img.youtube.com/vi/"+$(this).data("embed")+"/"+t+".jpg";$(this).append($(new Image).attr("src",e).fadeIn()),$(this).click(function(){$(this).html(""),$("<iframe>",{id:"YoutubeLazy",src:"https://www.youtube.com/embed/"+$(this).data("embed"),frameborder:0,allow:"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",allowfullscreen:""}).appendTo($(this))})})}jQuery,YoutubeLazy("sddefault"); //]]> <script/>  

  

اخر كود وهوا الدىيتم من خلاله اضافة الفيديوهات في المذونة.يتم اخد الكود الفيديو المعنى بالاضافة ،

الصورة الثانية كيفية اخد كود في اخر الرابط الخاص بالفيديو .كما هوا واضح في الصورة .يتم اخد فقط من علامة ( / ) الى اخر رقم او حرف من ذالك الكود ،

ملخص اخر شرح هدا الموضوع

اخر كود وهوا الدى يجب الاحتفاض به على الجهاز .للستعمال في اضافة محتوى  في اي مقالة تريد ان تضيف لها فيديو خاص بدالك الشرح على مذونتك ،

<div class="YoutubeLazy" data-embed="هنا يتم وضع الكود الخاص بلفديوهات "

  <span class="YoutubeButton"></span></div

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

لتحميل ملف الاكواد اضافة محتوى اليوتيوب الى المذونة تم الرفع بواسطة drive.google . يرجى الضغط على ايقونة التحميل 

تحميل اضغط هنا