شروحات تقنية - Tech Tutorials شروحات تقنية - Tech Tutorials

آخر الأخبار

جاري التحميل ...

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

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

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

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

عن الكاتب

شروحات تقنية - Tech Tutorials

التعليقات


اتصل بنا

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

إحصائيات الموقع

زوار الموقع

Statistics

جميع الحقوق محفوظة

شروحات تقنية - Tech Tutorials