السلام عليكم في هذه المقالة أريد نتعرف عن كيفية إنشاء مقاطع فيديو اليوتيوب على مدونة بلوجر ، أعني عرض مقاطع فيديو اليوتيوب في المشاركات المدونة ولكن يمكنه ضبط الحجم في أي مكان سواء كان ذلك على جهاز الكمبيوتر أو على الهاتف متروك لك الأمر على أي حال سوف تقوم بتعديل الحجم وفقاً لما تستخدمه .
كيفية إنشاء أشرطة فيديو يوتيوب سريع الاستجابة على مدونة بلوجر |
مرحباً مرة أخرى لنتعرف عن كيفية أضافة النموذج على المدونة بشكل صحيح
# الخطوة :1
انتقل إلى مدونتك أو موقعك >> ثم المظهر > تحرير CTRL + F HTML > ثم إضافة الأكواد التالية قبل الوسم هذا ]]></b:skin> أو </style>
/* Youtube Responsive */
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
# الخطوة :2
أضافة الكود أدناه قبل الوسم هذا </body>
<script type='text/javascript'>
//<![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);
//]]>
</script>
الخطوة: 4
مرة أخرى إذهب إلى المدونة ثم التخطيط فتح اداة جديدة > HTML/JavaScript انسخ الكود أدناه لعرض فيديو اليوتيوب في مشاركة مدونتك ثم الصق في الأداة الجديد استبدل الرابط الملون براط فيديو اليوتيوب الخاص بك ثم حفظ وانظر النتيجة
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="https://www.youtube.com/embed/CY8FRL5qzsE">
</div>
</div>
</div>
كيفية تطبيق أشرطة الفيديو يوتيوب على المشاركات ؟
# الخطوة 5:
انسخ ولصق رابط HTML أعلاه في صديق مشاركة المدونة ، تذكر !! في قسم HTML لا يتم تكوينه .
الخطوة :2
افتح اليوتيوب Youtube وانسخ EMBED / انظر الشكل أدناه
هذا كل شيء أنشاء الله تكون الإضافة مفيدة للجميع لاتنسوا مشاركة الموضوع بإستخدام قسم التعليقات أدناه لاَن اقتراحاتكم وأفكاركم تهمنا لكي نرتقي شكراً لكم على المتابعة و بقاؤكم معنا .
الخطوة :2
افتح اليوتيوب Youtube وانسخ EMBED / انظر الشكل أدناه