واکنش گرا کردن ویدئو پلیر در وردپرس

اکثر ویدئو پلیر ها واکنش گرا نیستند و در قالب های سایت به خوبی قرار نمیگیرند و از کادر خارج شده و استایل صفحات را به هم میریزند برای اینکه چنین مشکلی را از بین ببریم باید دستی در کد ها برده و کمی آنها را تغییر دهیم گرچه این تغییرات خیلی سخت نبوده و الزامی به کد نویسی ندارد شما با تنها قرار دادن چند خط کد در قالب سایتتان میتوانید ویدئو پلیرهای واکنش گرایی را در صفحاتتان قرار دهید.

واکنش گرا کردن ویدئو پلیر در وردپرس

برای تغییر ویدئو پلیر ها و واکنش گرا کردن آنها می بایست به فایل  functions.phpسایت خود رفته و قطعه کد زیر را در آن قرار دهید.

if ( ! isset( $content_width ) ) {
 $content_width = 600;
}

سپس برای محکم کاری به فایل style.css رفته و کد زیر را در آن قرار دهید.

.mejs-container {
 width: 100% !important;
 height: auto !important;
 padding-top: 57%;
}

.mejs-overlay, .mejs-poster {
 width: 100% !important;
 height: 100% !important;
}

.mejs-mediaelement video {
 position: absolute;
 top: 0; left: 0; right: 0; bottom: 0;
 width: 100% !important;
 height: 100% !important;
}

با استفاده از کد های بالا ویدئو پلیر را در صفحات مختلف با اندازه های متفاوت تنظیم کرده و به یک ویدئو پلیر کاملا واکنش گرا تبدیل میکند.