U3F1ZWV6ZTQ3MTk0MzcyNjA3X0FjdGl2YXRpb241MzQ2NDcxMjY0NjQ=
recent
آخر المقالات

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


كيف أجعل فيديوهاتي متناسقة و متوافقة مع جميع الشاشات المتعددة في تدوينة بلوجر

هل يمكنني جعل فيديوهات اليوتيوب متجاوبة و متناسقة تلقائيا على مدونات بلوجر ؟


هل هناك طريقة لجعل جميع الفيديوهات متناسبة في تدوينة بلوجر ؟


كيف أجعل فيديوهاتي متجاوبة ومتوافقة مع جميع شاشات الهواتف الذكية على بلوجر ؟


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

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

  1. أولا قم بالتوجه إلى لوحة تحكم بلوجر
  2.  ثانيا إختر المظهر ثم تحرير  html
  3. ثالثا أبحث عن الرمز ]]></b:skin> ثم أضيف الكود التالي فوق ]]></b:skin>

/* Responsive Youtube */
.post-body iframe{width:100%!important;}
@media screen and (max-width:960px){
.post-body iframe{max-height:90%}}
@media screen and (max-width:768px){
.post-body iframe{max-height:75%}}
@media screen and (max-width:600px){
.post-body iframe{max-height:60%}}
@media screen and (max-width:480px){
.post-body iframe{height:auto!important;max-height:auto!important}}

في الأخير قم بالنقر على حفظ القالب الان جميع فيديوهات اليوتيوب على مدونتك القديمة و الجديدة التي قمت بتضمينها على مدونتك  متجاوبة تلقائيا والتي تشمل كود التضمين على الشكل التالي مثلا:
<<iframe width="560" height="315"  src="https://www.youtube.com/embed/Dg3j5FkYA" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

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



* يُمكنكم أيضاً مشاهدة :

- قالب تنظيف بلوجر الجديد مجانا

كود تعديل وتغيير لون تحديد النصوص لمدونات بلوجر

- تنزل free fire تيليشارجي فري فاير للأندرويد والأيفون التحديث الجديد
الاسمبريد إلكترونيرسالة