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

الصفحات

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


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

كيف تجعل حجم الفيديو يتناسب مع الشاشات المتعددة

 

الطريقة سهلة جدا وبأختصار توجه الى لوحة تحكم بلوجر ثم اختار المظهر ثم تعديل وبواسطة ctrl + f ابحث عن ]]></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}}


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

تعليقات