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

222222222222222222222222222

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

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

اقرأ أيضا : تعرف على خاصية amp لتسريع تحميل مدونات بلوجر على الموبايل وضاعف ارباحك

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

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

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