ريفيو بلس ريفيو بلس
recent

آخر الأخبار

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

كيفية اضافة فيديو من يوتيوب وجعلة متجاوب على مدونات بلوجر



اجعل فيديوهات اليوتيوب متجاوبة على مدونات بلوجر

بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاتة
هناك اعداد كبيرة الان من مستخدمين الانترنت يتصفحون مواقعهم المفضله عن طريق الهاتف الجوال وتتزايد اعداد مستخدمين الانترنت من الهاتف الجوال بشكل ملحوظ حتى انه هناك دراسات تؤكد ان مستخدمين الانترنت على اجهزة الكمبيوتر تقل نسبتهم بشكل كبير ومن المتوقع ان نسبة المتصفحين للانترنت من الجوال الى الكمبيوتر واللاب توب سوف تصل الى 90 بالمئه للهواتف و10 بالمئه للحاسوب.

ولهذا يجب ان يهتم اصحاب المدونات على منصات بلوجر وجميع المنصات الاخرى بجعل مواقعهم متجاوبة مع جميع الشاشات حتى تتوافق مع التابلت والجوال والحاسوب.
وهناك من لديهم مواقع متجاوبة ولكن محتوى موقعه غير متجاوب مثل فيديوهات اليوتيوب وملفات الفلاش وهذا يجعل الموقع غير مناسب للجوال لذلك عليك دائما بجعل محتوى موقعك متجاوب.


شرح طريقة اضافة فيديو يوتيوب متجاوب الى مدونات بلوجر

هذة الطريقة من وجهة نظرى هى افضل حل لتحويل فيديوهات اليوتيوب وجعلها متجاوبة لان هناك بعد الاكواد الاخرى ولكن تسبب بطئ فى قالب المدونة.

سوف تستخدم الكود التالى لكى تجعل فيديو اليوتيوب يظهر بشكل متجاوب 

<style type="text/css"> .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <br /> <div class="video-container"> <iframe width="620" height="465" src="https://www.youtube.com/embed/jEHVJSMhfio?rel=0&amp;vq=hd1080" frameborder="0" allowfullscreen> </div>
سوف تقوم بوضع هذا الكود فى نسخة الــ HTML وتقوم بتغيير الجزء المحدد فى الكود باللون الاخضر بجزء من رابط التضمين فى الفيديو كما هو موضح فى الصورة التالية.

فيديو,يوتيوب,متجاوب,بلوجر
اضغط على الصورة لتكبيرها

اضف الجزء المخصص من رابط فيديو اليوتيوب فى الكود الموجود فى الاعلى وقم بتجربة تجاوب الفيديو وسوف تجد الفيديو متجاوب "responsive" على جميع الشاشات ان شاء الله يمكنك تجربتة من خلال تصغير وتكبير صفحة الويب او من خلال مشاهد رابط المشاركة من الجوال.


عن الكاتب

khaled taha

التعليقات






اشترك فى القائمة البريدية للحصول على احدث برامج الكمبيوتر وتطبيقات الاندرويد والهواتف الذكية مجانا ومتابعة جديد الشروحات وطرق الربح من الانترنت

إتصل بنا

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

ريفيو بلس