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


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

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

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

ليست هناك تعليقات

إرسال تعليق

تعليقاتكم تشجعنا على تقديم المزيد وهي محل إهتمامنا دائمًا

© جميع الحقوق محفوظة مداد الجليد 2013 - حقوق الطبع والنشر | مدعومة بكل فخّر من blogger | سياسة الخصوصية