recent

آخر الملفات

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

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

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

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

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

التعليقات



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

إتصل بنا

أقسام الموقع

أقسام الموقع

زوار الموقع

Statistics

عدد زيارات الموقع

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

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

2019