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


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

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

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

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

تذكر قوله تعالى:
(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ)) ‏
-----------------------------------
الان يمكنك اضافة اي مقطع فيديو الى التعليقات وايضا اضافة الصور فقط ضع رابط الصور او مقطع الفيديو في التعليقات
----------------------------------
آرائكم تسعدنا, لمتابعة التعليق حتى نرد عليك فقط ضع إشارة على إعلامي