إجعل فيديو يوتيوب متجاوب تلقائيًا على مدونة بلوجر

إجعل فيديو يوتيوب متجاوب تلقائيًا على مدونتك

يمكنك الآن إضافة تضمين اي فيديو يوتيوب بسهولة على مدونة بلوجر بدون الحاجة للتحكم بحجم الفيديو مع طريقة اليوم سنقوم بإضافة كود 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>

نتمنى لكم التوفيق.