recent
أخبار ساخنة

كيفية إنشاء أشرطة فيديو يوتيوب سريع الاستجابة على مدونة بلوجر

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

كيفية إنشاء أشرطة فيديو يوتيوب سريع الاستجابة على مدونة بلوجر

ماهي الفائدة من إنشاء مقاطع فيديو سريعة الاستجابة ؟ لماذا نتعب أنفسنا ونبذل الكثير من الجهد لتغيير الفيديو لكون مستجيباً طوال الوقت حسناً ، في هذه الفترة المستجيبة ، لا نريد تفويت الحاجب لتغيير كل شيء في مدونتنا لتكون مستجيبة من النموذج إلى المحتويات ( الفيديو والمحتويات ) صورة لأن العديد من الزوار يأتون الآن من الهواتف المحمولة او الهواتف الذكية بحيث يمكن الوصول إلى مدونتنا لاحقاً بشكل صحيح في جميع أنواع أحجام الشاشة.

مرحباً مرة أخرى لنتعرف عن كيفية أضافة النموذج على المدونة بشكل صحيح 

# الخطوة :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 / انظر الشكل أدناه


هذا كل شيء أنشاء الله تكون الإضافة مفيدة للجميع لاتنسوا مشاركة الموضوع بإستخدام قسم التعليقات أدناه لاَن اقتراحاتكم وأفكاركم تهمنا لكي نرتقي شكراً لكم على المتابعة  و بقاؤكم معنا . 
google-playkhamsatmostaqltradent