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

كيف تجعل فيديوهات اليوتيوب متجاوبة مع جميع شاشات |   مدونات البلوجر
    إضافة تجعل جميع فيديوهات مدونتك على بلوجر متجاوبة
    كيفية جعل فيديوهات اليوتيوب متجاوبة مع جميع شاشات  مدونات البلوجر
    مرحبا بكم زوار ومتابعي مدونة دليلك نحو الاحتراف في هذه تدوينة سنتعرف على اضافة تجعل جميع فيديوهات اليوتيوب متوافقة مع شاشات الاجهزة و الهواتف الذكية و على جميع مواضيع مدونتك .

    مواضيع تهمك ايضا : 


    في الكثير من الاحيان يحتاج المدون الى تضمين فديوهات داخل المواضيع لكن للاسف يجد ان هذه الفيديوهات غير متجاوبة مع جميع الاجهزة فمثلا متوافق مع شاشة الحاسوب و شاشات تابليت لا ، للاشارة فيديوهات تغني المحتوى  كثيرا وتحسن سيو ، حيث يعتبر الفيديو وسيلة مفضلة لدى الزوار .

    كيف تجعل حجم الفيديو يتناسب مع جميع الشاشات

    الطريقة بسيطة جدا فقط تابع شرح 

    • اولا قم بتوجه الى تحرير Html 
    • ثانية اضغط على Ctrl + F  و ابحث على ]]></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}}
    Fatiha Fatiha
    @مرسلة بواسطة
    اشتغل في مدونة دليلك نحو الاحتراف و مدونات و مواقع تقنية اخرى
    1. شكرا مدونة دليلك نحو الاحتراف الرائعة

      ردحذف