اكس-فوست اكس-فوست
recent

آخر الأخبار

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 khaled taha

التعليقات






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

إتصل بنا

Google+ Badge

مشاركة مميزة

شرح وتحميل برنامج حفظ مقاطع السناب للأيفون لا يحتاج جيلبريك

تحميل برنامج Quick Upload Free لحفظ صور وفيديوهات ومقاطع السناب شات بدون الحاجة الى جيلبريك تطبيق Quick Upload Free مجانى بالكامل لهواتف...

المتابعون

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

اكس-فوست

2016