14‏/07‏/2017

الدرس 115: كيفية جعل فيديوهات اليوتيوب متجاوبة مع جميع شاشات الهواتف الذكية على بلوجر



شرح طريقة سهلة و مضمونة لجعل جميع فيديوهات اليوتيوب YouTube و Dailymotion و Vimeo متجاوبة و متوافقة مع شاشات الاجهزة و الهواتف الذكية على جميع مواضيع مدونة بلوجر Blogger


الكثير من المدونين الذين يملكون حسابات على اليوتيوب YouTube او على منصات الاخرى مثل Dailymotion, Vimeo يقوم برفع فيديوهاتهم على هذه المنصات و يقومون ايضا بتضمينها على مدوناتهم على بلوجر .
لكن المشكل ان هذه الفيديوهات لانجد مقاساتها متجاوبة مع عرض المواضيع و خاصة على شاشات الاجهزة الذكية مثل الهواتف و التابلات و شاشات الكمبيوتر الاخرى .
قدمنا من قبل درس على دورة بلوجر و هو كيفية دمج فيديوهات اليوتيوب فى بلوجر وجعلها متوافقة و متجاوبة مع الشاشات الذكية تجد الدرس من : هنا  ,  وطبعا فى هذا الدرس ركزنا حول كيفية جعل فيديوهات اليوتيوب فقط متجاوبة مع شاشات الاجهزة الذكية عبر استخدام اكواد CSS و ايضا يجب عليك فى كل مرة تريد تضمين فيديو اضافة كود فى موضعك مع كود الفيديو حتى يتم تجاوب الفيديو , و طبعا يمكن ان تكون هذه الطريقة للبعض متعبة نوعا ما .

فى هذا الدرس ان شاء الله ساقدم لكم طريقة حصرية ورائعة لجعل فيديوهات YouTube , Dailymotion, Vimeo متجاوبة مع جميع الشاشات الذكية دون الحاجة الى تدخل منك اثناء تضمينها فى تدويناتك , حيث سوف نستخدم سكريبات تجعل جميع الفيديوهات التى اضفتها على مدونتك متجاوبة مع جميع انواع الشاشات الذكية بكل سهولة و لتعطي انطباع جيد لزوارك

فيديو يشرح طريقة جعل فيديوهات YouTube , Dailymotion, Vimeo متجاوبة مع شاشات ذكية على مدونة بلوجر


الاكواد المستخدمة فى الدرس
ملاحظة : اغلب المدونات تستخدم الوسم .post-body للاشارة الى جسم المواضيع فى مدوناتهم لكن يمكن للبعض انه يتم تعديلها , لذلك ان كانت معدلة عندك استبدل كود .post-body بالوسم الذي لديك فى قالبك .


جميع الحقوق محفوضة لدى مدونة علوم و تقنيات | Privacy-Policy | سياسة الخصوصية | اتفاقية الاستخدام

تعديل : Abderhim

ارجوا تعطيل مانع الاعلانات ليظهر لك المحتوى


نرجـو منك اخي/تي ان تقوم بمساعدتنا بايقاف مانع الاعلانات (Adblock)
و تقوم بوضع مدونة علوم و تقنيات في القائمة البيضاء لـمانع الاعلانات
واذ لم تكن تعرف
تابع الشرح من هنا : طريقة تعطيل مانع الاعلانات على مدونة علوم و تقنيات
وشكرا لك على تفهمك
تحياتي لك