القائمة الرئيسية

الصفحات

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

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

فيديو يوتيوب متجاوب مع جميع الأجهزة في المدونة

طريقة جعل فيديو يوتيوب متجاوب مع جميع الشاشات في مدونة بلوجر :

1_  ادخل إلى لوحة تحكم بلوجر > قالب > تحرير html >
 ابحث عن الوسم ]]> ثم أضف الكود التالي فوقه
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

2_ الان بعد إضافة كواد الـ CSS من أجل أن تعمل الإضافات يجب علينا إضافة كود جافا سكريبت التالي فوق الوسم  

3_ ثم إضغط على حفظ النمودج



SIMPAN-LINK-EMBED-VIDEO-DI-SINI">



على سبيل المثال هذا الفيديو تريد نشره على المدونة تضغط على مشاركة ثم تضمين ستنسخ مثل ماهو في الصورة


ثم تقوم بإستبدال SIMPAN-LINK-EMBED-VIDEO-DI-SINI برابط الموجود المضمن في الفيديو كما هو موضح في الإقتباس التالي
//www.youtube.com/embed/TMMBRv7Jd_A">

5_ وفي الأخير إضغط على حفظ/المشاركة .

تعليقات