8/31/2017

settings_overscan print announcement
طريقة جعل فيديوهات  YouTube , Dailymotion, Vimeo, kickstarter متجاوبة مع شاشات العرض الذكية على قالب
المدونة .
الجميل في السكريبت أنه لا يحتاج إلى كود التضمين التابع للسكريبت الرئيسي ولا إلى أكواد @media  كل مايتطلب إضافة كود java وستلاحظ أن جميع فيديوهات التي قمت بتضمينها سواء الأقدم أو الأحدث أخذت الإطار الصحيح على صفحة التدوين.



تركيب السكريبت


لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الأولى

  • قم بتسجيل حسابك ثم إذهب إلى منصة البلوجر dashboard
  • إنتقل للمدونة >> ثم إلى قالب >> ثم إضغط على تحرير  Edit HTML  
  • إضغط في وسط محرر الأكواد  ثم   F + Ctrl لإضهار مربع البحث
  • بإستعمال  الزر  C +Ctrl  للنسخ و  V +Ctrl  للصق قم بوضع الأكواد في المكان المناسب

لاتنسى أخذ نسخة إحتياطية من القالب

الخطوة الثانية

  • قم بالبحث عن هذا الوسم </head> فوقه أي قبله قم بوضع كود.js

  • 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fitvids/1.1.0/jquery.fitvids.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $(".post-body").fitVids();
      });
    </script>
    

    ملاحظة مهمة
    - إذا كنت تستعمل اي أكواد تعمل على نفس الخاصية قم بحذفها تجنبا لتداخل الأكواد وتعطلها. 
    - وفي حالة لم يشتغل الكود جرب وضعه فوق أي قبل الوسم </body>
    التعديل على الكود
    الرابط 1.12.2/jquery.min.js المحدد بهذا اللون خاص بمكتبة جكويري إذا كان موجود عندك أو أي إصدار آخر قم بحذفه.
    الرابط 1.1.0/jquery.fitvids.min.js المحدد بهذا اللون خاص بالسكريبت المسؤول عن تجاوب الفيديوهات ..يمكنك مراجعة جميع إصداراته -من هنا-.
    إسم الكلاس .post-body المحدد بهذا اللون هو معرف حقل المواضيع غالبا ما يكون بهذا الإسم لاتغيره إلا إذا كان الإسم مختلف في قالبك وهذا مسبعد جدا.

check
يمكنك زيارة موقع responsinator لمعاينة الفيديو على شاشات العرض الذكية إنتقل إلى الرابط https://www.responsinator.com/ ثم أدخل رابط الموضوع في الخانة Enter your site ثم إضغط GO