طريقة إضافة الفيديوهات لمدونة بلوجر وجعلها متجاوبة مع جميع الأجهزة

    تعتبر الفيديوهات مهمة جدا في التدوين مهما كان مجاله وذلك لجعل قرَّاء المحتوى يفهمون الموضوع وأيضا لزيادة تفاعل المتابعين والزوار معك ولكن عندما نقوم بزيارة بعض المواقع والمدونات وتصفح محتوياتها قد نجد في فيها مشاكل تخص الفيديوهات المضمنة من اليوتيوب ودايلي موشن وغيرها، حيث نلاحظ ظهور نصف الفيديو ونصفه أو ثلثه الآخر لا يظهر، وعادة يظهر هذا المشكل عند دخولنا إلى هذه المواقع من الأجهزة ذات الشاشة الصغيرة.
    وحتى إنه عندما نقوم بتضمين الفيديوهات من اليوتيوب وغيره فإنه يتيح لك إمكانية تحديد الاِرتفاع والعرض لكن في الواقع هذه الفيديوهات المُضَمنَة لن تكون متجاوبة ومتناسقة أيضا حيث يُخِلُّ هذا المشكل بتناسق الموقع وجماليته وهذا يعني خسارة الزوار والمتابعين، لذا وجب على كل مدون الأخذ بعين الاِعتبار مدى تجاوب مدونته ومحتوياتها مع مختلف قياسات الشاشات لتحسين تجربة المستخدم.
    ------------------------------------------------
    وفي هذا الموضوع على مدونتكم "شروحات تقنية" سأشرح لكم كيفية جعل الفيديوهات المضمنة في التدوينات متجاوبة ومتناسقة بشكل رائع وذلك باِستعمال أكواد الـ CSS فقط وبدون الحاجة لأكواد الـ JavaScript فلذلك لا يوجد شيء يدعو للقلق حيال آداء وسرعة مدونتك.
    -------------------------------------------------------------------------------------------------
    تابعوا الشرح وفرجة ممتعة :)

    -- المرفقات --

    لتحميل الأكواد المستعملة:
    شارك المقال

    مقالات متعلقة

    إرسال تعليق