كيف تجعل فيديوهاتك متجاوبة على مدونة بلوجر

يمكنك الآن إضافة تضمين اي فيديو يوتيوب بسهولة على مدونة بلوجر بدون الحاجة للتحكم بحجم الفيديو

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

كيف تجعل فيديو يوتيوب متجاوب على مدونة بلوجر

أنتقل إلى لوحة تحكم المدونة => المظهر => تحرير html أبحث عن الرمز ]]></b:skin> ثم أضف الكود التالي فوقه:

 /* Responsive Youtube */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}

أنقر على حفظ المظهر.

الآن أصبحت جميع الفيديوهات المضمنة على مدونتك والتي تتضمن كود التضمين الإفتراضي في يوتيوب متجاوبة تمامًا.

 <iframe width="778" height="380" src="https://www.youtube.com/embed/Dg3jnwgYOYA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

 

إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا