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

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

  1. نقوم بالدخول لخصائص المدونة
  2. من القائمة الجانبية نختار قالب.
  3. ثم نضغط على زر نسخ إحتباطى /إستعادة .
  4. تنزيل النموذج بالكامل(وهذه الخطوة هامة جدا لحفظ نسخة من القالب الحالى عند عمل أى تعديل فى الأكواد).
  5. بعد دخول لوحة التحكم وإختيار قالب نقوم بإختيارتحرير Html
  6. نكتب F3 ونبحث عن كلمة ]]></b:skin>
  7. ونقوم بنسخ الكود الموجود في الاسفل ونقوم بلصقه فوقه مباشرة ونقوم بحفظ القالب .

/*------start youtube responsive -----*/
.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;}
/*------end youtube responsive------*/
تعليقات
ليست هناك تعليقات
إرسال تعليق



    وضع القراءة :
    حجم الخط
    +
    16
    -
    تباعد السطور
    +
    2
    -