شما هم با مشکل رسپانسیو ویدیو پلیر وردپرس در گوشی های موبایل و تبلت دست و پنجه نرم می کنید؟ قالب سایتتون رو رسپانسیو کردید ولی ویدیو ها از سایتتون بیرون میزنند؟ کد هایی که از آپارات توی سایتتون گذاشتید از سایتتون بیرون میزنه و کاربر رو سر در گم میکنه؟ خب تا این آموزشمون شبیه تبلیغات تلویزیونی نشده بریم سراغ آموزش ریسپانسیو کردن ویدیو پلیر وردپرس؟
خب در مورد واژه ریسپانسیو یا همان responsive فکر نمیکنم نیازی به توضیح باشه. در یک جمله ریسپانسیو به معنای بهینه سازی سایت برای نمایش کامل در موبایل و تبلت می باشد.
البته این ویدیو پلیر رسپانسیو هست اما خب مشکلاتی داره که با قرار دادن کدی که امروز بهتون معرفی می کنم می تونید رسپانسیو بودن این پلیر رو کامل کنید و مشکلاتش رو برطرف کنید.
برای ریسپانسیو کردن ویدیو پلیر وردپرس کافیست کد زیر را در style.css قالب سایت وردپرسی خود اضافه کنید:
1 2 3 4 |
.post iframe ,.wp-video, .mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls { max-width: 100% !important; } |
از ویدیو پلیر رسپانسیو خودتون لذت ببرید 😀