فى هذا الموضوع ستتمكن من تضمين اي فيديو يوتيوب بسهولة على مدونة بلوجر الخاصة بك بإضافة كود CSS في قالب المدونة
فى هذا الدرس ان شاء الله ستتعرف على طريقة رائعة لجعل فيديوهات YouTube , Dailymotion, Vimeo متجاوبة مع جميع الشاشات الذكية دون الحاجة الى تدخل منك اثناء تضمينها فى موقعك او مدونتك لتعطي انطباع جيد لزوارك
مميزات هذا الكود :
- بأمكانك تضمين (ادراج) اى فيديو على اليوتيوب بسهولة على المدونه وبدون الحاجة الى تغيير مقاس الفيديو.
- هذه الطريقة ستجعل فيديو اليوتيوب متجاوب مع جميع الشاشات بمختلف احجامها (الكمبيوتر - الهاتف - التابلت).
طريقة تضمين فيديو يوتيوب متجاوب على مدونة بلوجر:
اذهب إلى لوحة تحكم المدونة الخاصه بك => ومن المظهر =>اضغط على تحرير html ثم قم بالبحث عن هذا الرمز ]]></b:skin> ثم أضف الكود التالي فوقه
/*------youtube responsive by 7itech.tk------*/
.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%;
}
.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
max-width: 100%;}
/*------youtube responsive by 7itech.tk------*/
ثم اضغط على حفظ القالب
والان يمكنك التأكد من عمل الطريقة عن طريق فتح هاتفك والدخول الى مدونتك بعد تنفيذ الطريقة بنجاح وستلاحظ ان اى فيديو على مدونتك قد اصبح متجاوب وبأمكانك تشغيله من اى جهاز وعلى جميع الشاشات
شاهد ايضاً :
إرسال تعليق