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

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


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

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

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


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