ثبت‌نام ورود

ریسپانسیو کردن ویدیو پلیر وردپرس

ریسپانسیو کردن ویدیو پلیر وردپرس
ریسپانسیو کردن ویدیو پلیر وردپرس

شما هم با مشکل ریسپانسیو ویدیو پلیر وردپرس در گوشی‌های موبایل و تبلت دست‌وپنجه نرم می‌کنید؟ قالب سایتتان را رسپانسیو کرده‌اید ولی ویدیوها از سایتتان بیرون می‌زنند؟ کدهایی که از آپارات توی سایت خود گذاشتید از سایتتان بیرون میزند و کاربر را سردرگم می‌کند؟ خب تا این آموزش ما شبیه تبلیغات تلویزیونی نشده به سراغ آموزش ریسپانسیو کردن ویدیو پلیر وردپرس برویم.

زمانی که ویدئوهای سایت شما ریسپانسیو باشد بازدید آن‌ها نیز افزایش پیدا می‌کند. چراکه امروزه تلفن‌های هوشمند در همه‌جا به همراه افراد بوده و جز جدایی‌ناپذیر زندگی افراد شده‌اند. کاربران این امکان را دارند که در هر موقعیتی به تلفن همراه دسترسی داشته باشند.

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

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

ریسپانسیو چیست؟

خب در مورد واژه ریسپانسیو یا همان Responsive فکر نمی‌کنم نیازی به توضیح باشد. ریسپانسیو به معنای بهینه‌سازی سایت برای نمایش کامل در موبایل و تبلت، جهت سهولت در استفاده کاربران می‌باشد.

این طراحی به کاربر کمک می‌کند که به‌راحتی سایت شما و همچنین ویدئوهای شما را در هر ابعادی که بخواهد تماشا کند. این طراحی به کاربر کمک زیادی می‌کند. چراکه کاربران به‌وسیله تلفن همراه می‌توانند در هر نقطه‌ای به سایت موردعلاقه خود دسترسی داشته باشند.

مشکل ریسپانسیو نبودن ویدیو پلیر وردپرس

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

البته این ویدیو پلیر ریسپانسیو است؛ اما خب مشکلاتی دارد که با قرار دادن کدی که امروز به شما معرفی می‌کنیم می‌توانید رسپانسیو بودن این پلیر را کامل کنید و مشکلاتش را برطرف کنید.

زمانی که شما این کار را انجام می‌دهید سایت شما برای کاربران منعطف‌تر می‌شود و تعداد افراد بیشتری می‌توانند ویدئوهای شما را تماشا کنند. بالا رفتن تعداد بازدیدکنندگان نیز بالا رفتن رتبه شما بین موتورهای جستجو و همچنین بالا رفتن سئو را به‌دنبال دارد.

ریسپانسیو کردن ویدیو پلیر وردپرس

خب حالا بعد از فهمیدن اهمیت ریسپانسیو کردن ویدئوپلیر، یک قطعه کد در اختیار شما قرار می‌دهیم که به‌واسطه آن بتوانید ویدئوهای سایت خودتان را به‌راحتی ریسپانسیو کنید. هممچنین ما به شما پیشنهاد می‌کنیم قبل از هر اقدامی از سایت خود یک نسخه پشتیبان تهیه نمایید.

برای ریسپانسیو کردن ویدیو پلیر وردپرس تنها کافی است کد زیر را در Style.css قالب سایت وردپرسی خود اضافه کنید:

.post iframe ,.wp-video,
.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container .mejs-controls {
    max-width: 100% !important;
}

از ویدیو پلیر ریسپانسیو خود لذت ببرید. ?

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام میهن وردپرس عضو شوید.

نظر شما در این‌باره چیست؟

  1. U24440 ۰۹ آبان ۱۳۹۸

    سلام
    در مرور گر کروم توی حالت موبایل که وارد محصولات میشی قسمت سفید را نشون میده و براي دیدن محصول باید به سمت راست بریم تا بتونیم محصول را ببينيم.
    مشکل چی میتونه باشه?!

    • تیم پشتیبانی تیم پشتیبانی ۰۹ آبان ۱۳۹۸

      با سلام و احترام
      باید سایت شما بررسی بشه. قالب رو از مااگر خریدرای کردید با بخش پشتیبانی از طریق تیکت در ارتباط باشید

  2. کاربر مهمان ۱۵ فروردین ۱۳۹۷

    پلیر پیش فرض سایت ما با پلیر پیش فرض شما فرق میکنه منو پایینی مشکل از کجاست؟

    • U11404 ۱۵ فروردین ۱۳۹۷

      ما با استفاده از کد نویسی پلیر را سفارشی سازی کرده ایم. میتوانید با بخش طراحی در ارتباط باشید :
      تلفن دپارتمان طراحی سایت: 07137309948 داخلی ۴
      http://design.mihanwp.com/

  3. کاربر مهمان ۱۵ فروردین ۱۳۹۷

    پلیر پیشفرض وردپرس رنگش و چجوری میشه تغییر داد؟

  4. کاربر مهمان ۱۷ آذر ۱۳۹۶

    سلام
    متاسفانه این کد برای من جواب نداد هیچ تغیری هم ایجاد نکرد
    راه دیگه ای مدنظرتون هست؟

  5. کاربر مهمان ۲۹ آبان ۱۳۹۶

    سلام
    ببخشید من یه راهنمایی میخواستم
    من ssl سایت رو فعال کردم با استفاده از افزونه
    Really Simple SSL
    بعد الان یه مشکلی که هست این هست که ویدیو ها پخش نمی شود در پلیر وردپرس.
    چون لینک اون ها نیز به https تبدیل شده است.
    و متاسفانه ssl رو برای سرور دانلود نمیتونم فعال کنم.
    لطفا اگر راهی یا کدی برای پلیر وجود دارد تا مشکل رفع شود عرض کنید.

  6. U6752 ۲۱ مرداد ۱۳۹۶

    سلام
    من همین مشکل رو برای بعضی کدها دارم
    من میخوام کد نتایج زنده و جدول لیگ رو بزارم تو سایت، به صورت ای فریم نشون می ده و رسپانسیو نیست. (اینم سایتی که کدها رو میده http://www.top90.ir/codes)
    چطور می تونم مشکل رو حل کنم؟ اینم سایت خودم
    http://piranshahrrudaw.ir

  7. کاربر مهمان ۲۴ مرداد ۱۳۹۵

    سلام ببخشید خیلی آموزشتون عالی بود میشه بگید چطوری باید جدول ها رو هم ریسپانسو کرد من جدول  (table) هایی تو سایتم دارم که خیلی ستون داره  که از قالب سایت میزنه بیرون تو رو خدا کمکم کنید کدش چی میشه 

    • رضا حسینی راد رضا حسینی راد ۲۴ مرداد ۱۳۹۵

      سلام ممنون. جداول رو باید width:90% مثلا بهشون بدید. بصورت درصدی تا رسپانسیو باشن

      • کاربر مهمان ۲۴ مرداد ۱۳۹۵

        سلام کار نمیکنه که width:90% رو به چی بدم به table دادم نشد به td هم دادم بازم نشد باز میزنه بیرون میشه یه کدش بنویسید متوجه بشم من هر جا میرم جوابو نمیدن 

        • رضا حسینی راد رضا حسینی راد ۲۵ مرداد ۱۳۹۵

          بستگی به قالب شما داره شاید یکی از Div هایی که جد.ول داخلش هست عرض درصدی نداره

  8. U208 ۲۴ خرداد ۱۳۹۵

    رضا جان سلامممنون از مطالب فوق العادت
    من میخوام یه سری فیلم آموزشی روی سایتم بذارم که نمیخوام امکان کپی کردنش باشه .. میدونم ممکنه اینکار عملی نباشه ولی همینکه IDM سریع شناساییش نکنه و اعلام دانلود نکنه برام کافیه ..مثل این فیلم : https://www.webyad.com/business-management/how-pitch-investors
    ممنون میشم اگه لطف کنید راهنمایی نمایید.

    • رضا حسینی راد رضا حسینی راد ۲۴ خرداد ۱۳۹۵

      سلام چک کردم سریع با دانلود منیجر اومد بالا که 😀 متاسفانه راهی ندیدم تا الان

  9. کاربر مهمان ۰۵ اسفند ۱۳۹۴

    سلام
    ببخشید یک کدی بهمون معرفی کنید که لینک دانلود که میذارم داخل کد در سایت بصورت انلاین نشون بده بدون افزونه
    الان خودتون با افزونه استفاده میکنید.میشه معرفی کنید.
    خودمون از افزونه JW Player استفاده کردیم ولی چون ویدیو ها رو در هاست بصورت دستی ارسال میکنیم در کتابخانه وردپرس ثبت نمیشه که ما در افزونه وارد کنید تا بصورت انلاین نشون بدهد.
    ممنون میشم راهنمایی کنید

    • رضا حسینی راد رضا حسینی راد ۰۵ اسفند ۱۳۹۴

      سلام خیر از زمینه های دلخواه برای لینک دانلود استفاده می کنیم و برای ویدیو از پلیر پیشفرض وردمرس