JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

-->
recent
عاجل
Startseite

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

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



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

  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------*/
NameE-MailNachricht