نمایش ویدیو در وردپرس با افزونه Easy Video Player

اگه می‌خواید ویدیوی MP4 رو با اندازه و نسبت تصویر دلخواه داخل نوشته یا برگه سایتتون بذارید، افزونه Easy Video Player یکی از گزینه‌های ساده‌ایه که می‌تونید امتحان کنید. توی این آموزش، اول کاربرد افزونه رو می‌شناسید و بعد نصب، تنظیمات و شورت‌کدهای فعلی اون رو قدم‌به‌قدم یاد می‌گیرید.

همچنین می‌بینید چطور پخش خودکار، بی‌صدا کردن ویدیو، تکرار پخش و قالب پخش‌کننده رو کنترل کنید. محدودیت پخش خودکار در مرورگرها رو هم توضیح می‌دیم تا موقع نمایش ویدیو در وردپرس با نتیجه غیرمنتظره روبه‌رو نشید.

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

البته اضافه کردن ویدیو به‌تنهایی موفقیت محتوا رو تضمین نمی‌کنه. ویدیو باید به سؤال کاربر جواب بده، حجم مناسبی داشته باشه و روی موبایل هم درست نمایش داده بشه. این نکته‌ها کمک می‌کنن کاربر تجربه کاربری بهتری از سایتتون داشته باشه.

نمایش ویدیو در وردپرس

خود وردپرس امکان قرار دادن ویدیو داخل محتوا رو داره. پس اگه فقط می‌خواید یک ویدیو رو بدون تنظیمات خاص نمایش بدید، شاید اصلاً به افزونه نیاز نداشته باشید. آموزش قرار دادن ویدیو در وردپرس بدون افزونه این روش ساده رو بهتون نشون می‌ده.

اگه نمی‌خواید فایل ویدیو رو روی هاست خودتون نگه دارید، می‌تونید روش‌های نمایش ویدیوی آپارات در وردپرس رو هم بررسی کنید.

ولی اگه می‌خواید ویدیو رو با شورت‌کد نمایش بدید یا گزینه‌هایی مثل نسبت تصویر، تکرار پخش، بی‌صدا بودن و قالب پخش‌کننده رو کنترل کنید، Easy Video Player می‌تونه انتخاب مناسبی باشه. شورت‌کد یک تکه متن کوتاه داخل کروشه هست که وردپرس اون رو به محتوای قابل‌نمایش تبدیل می‌کنه.

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

افزونه Easy Video Player چه کاربردی داره

افزونه Easy Video Player برای نمایش فایل‌های ویدیویی MP4 داخل نوشته‌ها و برگه‌های وردپرس ساخته شده. می‌تونید آدرس ویدیویی رو که روی سایت خودتون یا یک سرویس دیگه قرار گرفته، داخل شورت‌کد افزونه بذارید.

این افزونه رایگانه و در زمان به‌روزرسانی این مقاله، نسخه 1.2.2.15 اون در مخزن رسمی وردپرس منتشر شده و بیشتر از ۲۰ هزار نصب فعال داره. حداقل نسخه موردنیاز وردپرس 5.5 اعلام شده. چون این اطلاعات ممکنه با انتشار نسخه‌های بعدی عوض بشن، بهتره قبل از نصب، صفحه رسمی افزونه رو هم بررسی کنید.

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

ویژگی‌های افزونه Easy Video Player

قابلیت‌های اصلی افزونه شامل این موارد می‌شن:

• نمایش فایل‌های ویدیویی با فرمت MP4
• نمایش واکنش‌گرا برای هماهنگ شدن پخش‌کننده با صفحه موبایل
• پشتیبانی از پخش‌کننده HTML5 در مرورگرهای جدید
• نمایش تصویر پوستر قبل از پخش ویدیو
• پخش خودکار در صورت اجازه مرورگر و دستگاه
• بی‌صدا کردن ویدیو با گزینه muted
• تکرار خودکار ویدیو با گزینه loop
• تعیین نسبت تصویر با گزینه ratio
• کنترل نحوه بارگذاری اولیه با گزینه preload
• استفاده از MediaElement یا قالب پخش‌کننده بومی مرورگر
• سفارشی‌سازی ظاهر پخش‌کننده با کلاس‌های CSS

نصب و راه‌اندازی افزونه Easy Video Player

برای نصب افزونه، وارد پیشخوان وردپرس بشید و از منوی «افزونه‌ها» روی «افزودن افزونه تازه» کلیک کنید. عبارت Easy Video Player رو جست‌وجو کنید و بعد دکمه «هم‌اکنون نصب نمایید» و سپس «فعال نمایید» رو بزنید. اگه اولین باره افزونه نصب می‌کنید، آموزش نصب افزونه در وردپرس همه مراحل رو ساده‌تر بهتون نشون می‌ده.

بعد از فعال‌سازی، گزینه Easy Video Player به بخش «تنظیمات» پیشخوان اضافه می‌شه. این افزونه تنظیمات پیچیده‌ای نداره. در صفحه تنظیمات، گزینه Enable jQuery رو می‌بینید. فقط وقتی اون رو فعال کنید که قالب یا افزونه‌های سایتتون jQuery رو بارگذاری نمی‌کنن یا پخش‌کننده بدون اون درست کار نمی‌کنه. jQuery یک کتابخانه JavaScript هست که بعضی بخش‌های تعاملی سایت از اون کمک می‌گیرن.

ممکنه ظاهر صفحه تنظیمات در نسخه‌های بعدی با تصویرهای این آموزش فرق کنه. اگه نام گزینه‌ها یا جای منو تغییر کرده بود، توضیحات صفحه رسمی افزونه رو با نسخه نصب‌شده روی سایتتون مقایسه کنید.

شورت‌کدهای نمایش ویدیو در وردپرس

برای شروع، یک نوشته یا برگه رو باز کنید و بلوک «شورت‌کد» رو اضافه کنید. بعد یکی از نمونه‌های زیر رو داخل اون بذارید. یادتون نره آدرس نمونه رو با لینک مستقیم فایل MP4 خودتون عوض کنید.

نمایش ساده ویدیو

[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4"]

لینکی که داخل گزینه url می‌ذارید باید مستقیم به فایل MP4 برسه. بهتره سایت و فایل ویدیو هر دو با HTTPS باز بشن تا مرورگر به‌خاطر محتوای ناامن جلوی پخش رو نگیره.

پخش خودکار و بی‌صدا

[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" autoplay="true" muted="true"]

مرورگرها معمولاً پخش خودکار ویدیوی صدادار رو محدود می‌کنن. برای همین، حتی با گزینه autoplay="true" هم ممکنه ویدیو خودکار پخش نشه. اضافه کردن muted="true" شانس اجرای پخش خودکار رو بیشتر می‌کنه، ولی تصمیم نهایی همچنان به مرورگر و تنظیمات دستگاه کاربر بستگی داره.

تعیین عرض و نسبت تصویر

[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" width="500" ratio="16:9"]

گزینه width عرض پخش‌کننده رو مشخص می‌کنه. گزینه ratio هم نسبت عرض به ارتفاع رو تعیین می‌کنه. نسبت 16:9 برای خیلی از ویدیوهای معمولی مناسبه.

تکرار پخش ویدیو

[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" loop="true"]

با گزینه loop="true"، ویدیو بعد از رسیدن به پایان دوباره از اول پخش می‌شه. بهتره این گزینه رو فقط برای ویدیوهای کوتاهی به کار ببرید که تکرارشون برای کاربر آزاردهنده نیست.

کنترل بارگذاری اولیه ویدیو

[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" preload="metadata"]

گزینه preload مشخص می‌کنه مرورگر قبل از شروع پخش چه مقدار از اطلاعات ویدیو رو دریافت کنه. مقدار metadata معمولاً فقط اطلاعاتی مثل مدت ویدیو رو بارگذاری می‌کنه و می‌تونه از دریافت زودهنگام کل فایل جلوگیری کنه. رفتار نهایی این گزینه به مرورگر کاربر هم بستگی داره.

انتخاب قالب پخش‌کننده

[evp_embed_video url="https://example.com/wp-content/uploads/videos/myvid.mp4" template="mediaelement"]

قالب mediaelement از پخش‌کننده MediaElement استفاده می‌کنه. نسخه‌های قدیمی افزونه نمونه‌هایی با کلاس‌های fp-minimal و fp-playful داشتن، ولی اون نمونه‌ها به Flowplayer مربوط بودن و دیگه نباید ازشون استفاده کنید.

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

سوالات متداول

نتیجه‌گیری

برای نمایش ساده ویدیو در وردپرس، امکانات داخلی خود وردپرس معمولاً کافی هستن. ولی اگه به شورت‌کد و گزینه‌هایی مثل نسبت تصویر، تکرار پخش، بی‌صدا کردن، کنترل بارگذاری اولیه یا قالب MediaElement نیاز دارید، Easy Video Player می‌تونه کارتون رو راه بندازه.

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

اگه دیده شدن ویدیو در نتایج جست‌وجو هم براتون مهمه، راهنمای حل مشکل ایندکس نشدن ویدیو در گوگل می‌تونه قدم بعدی مناسبی باشه.

تیم تولید محتوا

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