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

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

سلام به همگی، در پست امروز با یک هک ساده و کاربردی وردپرس در خدمت همراهان عزیز هستیم. این هک در واقع دو روش ساده برای حل مشکل واکنش گرایی ویدیو پلیر وردپرس هست که برای خیلی از دوستان مشکلات زیادی رو ایجاد کرده و گاها حتی در سایت های معروف هم مشاهده میکنید که ویدئو پلیر از باکس نوشته ها خارج میشه. اما برای حل این مشکل چه کاری باید انجام داد؟!؟

راه حل اول


استفاده از ویژگی متغیر $content_width در فایل توابع پوسته (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;
}

و دیگر هیچ! امیدوارم از این آموزش سریع، نهایت لذت رو برده باشید… 😉

دیدگاه کاربران در مورد این نوشته

  1. سلام علی جان.
    من از آپارات واسه اشتراک گذاری ویدیو های سایت استفاده میکنم و توی واکنشگرایی هم باهاش مشکل دارم.
    2 روش بالایی که گفتی رو تست کردم و جواب نداد, ممنون میشم راهنماییم کنی.
    سپاس

    توسط تحصیل در استرالیا پاسخ

  2. سلام داداش علی
    یه سوال داشتم ؟
    من اگر بخواهم در قسمت content یه متن به غیر از متن اصلی بنویسم و با استفاده از شرت کد های وردپرس اون متن رو در قسمت خاصی از قالب به کار ببرم و نخواهم از افزونه استفاده کنم و اگر فقط از طریق فانکشن باشه چطوری باید این کار رو کنم

    توسط محمدحسین پاسخ

    1. سلام محمد حسین.
      سؤال رو خیلی پیچوندی! منظورت از قسمت Content، محتوای یک نوشته است؟!

      توسط علی میرزائی پاسخ

  3. سلام من قالب کارتل رو نصب کردم و وقت زیادی واسش گذاشتم با توجه به رایگان بودنش امکاناتش ایده آل نبود مثلا اسلایدرش خیلی ساده بود خلاصه همرو تغییر دادم بجز یه مشکل که حل شه راحت میشم!
    من سایت رو تو ایپد باز میکنم نصف نسخه دسکتاپ هستش نصف موبایل یعنی یه سری جاها که بخش ووکامرس هست تو حالت موبایل نشون میده تو تبلت های اندروید تست کردم مشکلی نبود ، باید کجا و چی تغییر کنه که تو ایپد هم مثل پی سی سایت نمایش داده بشه؟

    توسط ارسلان پاسخ

  4. با سلام میشه بگید دقیقا افزونه : ویدئو پلیر وردپرس کدوم است ؟؟؟
    ممنونم میشم

    توسط مسعود پاسخ

    1. سلام، این پست برای حل مشکل واکنش گرایی ویدیو پلیر پیشفرض خود وردپرسه و مربوط به یک افزونه خاص نیست.

      توسط علی میرزائی پاسخ

  5. ممنون مطلب مفیدی بود

    توسط مهدس پاسخ

  6. سلام
    من یه کد می خوام که قسمتی از موضوع مطلب رو انتخاب کنه .
    مثلا اگه موضوع مطلب : دانلود آلبوم جدید مخاطب خاص از علی عبدالمالکی
    توسط این کد بشه اینو : مخاطب خاص – علی عبدالمالکی
    رو تولید کرد .
    با تشکر

    توسط علی رضا پاسخ

  7. بسیار عالی
    ممنون از مقالتون
    استفاده کردیم

    توسط محسن پاسخ

    1. ممنونم محسن جان، خوشحالم که مفید بوده 🙂

      توسط علی میرزائی پاسخ

دیدگاه خود را بیان کنید