افزونه پخش ویدیو در وردپرس Videopack؛ راهنمای نصب و استفاده

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

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

آیا برای اضافه کردن ویدئو به وردپرس حتماً به افزونه نیاز دارید؟

نه، برای اضافه کردن یک ویدئوی ساده لازم نیست حتماً افزونه نصب کنید. ویرایشگر بلوکی وردپرس چند بلوک آماده داره که با کمک اون‌ها می‌تونید فایل ویدئو رو بارگذاری کنید یا ویدئوی سرویس‌های پشتیبانی‌شده رو داخل نوشته و برگه بذارید. برای این کار روی دکمه «+» بزنید، بلوک «ویدئو» رو پیدا کنید و بعد فایل رو از رایانه یا کتابخانه رسانه بردارید.

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

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

افزونه پخش ویدیو در وردپرس Videopack چه کاری انجام می‌ده؟

Videopack یک افزونه پخش ویدیو در وردپرس هست که برای مدیریت ویدئوهای کتابخانه رسانه یا فایل‌هایی با آدرس مستقیم به کار می‌ره. این افزونه قبلاً با نام Video Embed & Thumbnail Generator شناخته می‌شد. برای پیدا کردن نسخه فعلیش در مخزن وردپرس، Videopack رو جست‌وجو کنید.

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

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

قبل از نصب Videopack چه چیزهایی رو باید بدونید؟

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

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

بعضی قابلیت‌های خودکار افزونه به FFmpeg نیاز دارن. FFmpeg ابزاری برای پردازش ویدئو روی سروره و می‌تونه از ویدئو تصویر بندانگشتی بسازه یا فایل رو تبدیل کنه. نصب و فعال بودن این ابزار به تنظیمات سرور بستگی داره و روی همه هاست‌های اشتراکی در دسترس نیست. اگه هاستتون FFmpeg نداره، باز هم می‌تونید تصویر دلخواهتون رو دستی بارگذاری کنید.

نصب و فعال‌سازی افزونه Videopack

1. از پیشخوان وردپرس به بخش «افزونه‌ها ← افزودن افزونه تازه» برید.
2. Videopack رو جست‌وجو کنید و مشخصات افزونه رو با صفحه رسمی اون در مخزن وردپرس تطبیق بدید.
3. افزونه رو نصب و بعد فعال کنید. بهتره همیشه آخرین نسخه منتشرشده رو نصب کنید.
4. بعد از فعال‌سازی، منوی تنظیمات پیشخوان رو ببینید و وارد بخش مربوط به Videopack بشید.

اگه اولین باره افزونه نصب می‌کنید، راهنمای افزونه وردپرس چیست و چطور کار می‌کنه مفاهیم اولیه نصب و فعال‌سازی رو براتون ساده‌تر توضیح می‌ده.

تنظیمات اولیه Videopack برای پخش بهتر ویدئو

انتخاب اندازه و نسبت تصویر ویدئو

عرض و ارتفاع پلیر رو با بخش محتوای سایتتون هماهنگ کنید. نسبت تصویر یعنی رابطه بین عرض و ارتفاع تصویر؛ مثلاً نسبت ۱۶ به ۹ برای خیلی از ویدئوهای امروزی رایجه. اگه نسبت پلیر با فایل هماهنگ نباشه، ممکنه دور تصویر فضای خالی ببینید یا بخشی از اون درست نمایش داده نشه.

تنظیم پخش واکنش‌گرا برای موبایل و دسکتاپ

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

انتخاب تصویر بندانگشتی پیش‌فرض

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

تنظیم نحوه پخش و کنترل‌های پلیر

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

چطور یک ویدئو رو با Videopack داخل نوشته بذاریم؟

1. یک نوشته تازه بسازید یا نوشته‌ای رو که می‌خواید با ویرایشگر کلاسیک باز کنید.
2. روی دکمه افزودن رسانه بزنید و فایل ویدئو رو بارگذاری کنید. اگه فایل از قبل توی کتابخانه رسانه هست، همون رو انتخاب کنید.
3. عنوان، تصویر بندانگشتی، ابعاد و گزینه‌های پخش رو ببینید. اگه تازه شروع کردید، بهتره تنظیمات ساده رو نگه دارید و فقط گزینه‌هایی رو تغییر بدید که کاربردشون رو می‌دونید.
4. گزینه درج ویدئو داخل نوشته رو انتخاب کنید. افزونه ممکنه خروجی رو به‌شکل شورت‌کد داخل نوشته بذاره. شورت‌کد یک کد کوتاهه که محتوای پویا رو نمایش می‌ده.
5. قبل از انتشار، پیش‌نمایش نوشته رو باز کنید و پخش، صدا، تصویر بندانگشتی و اندازه پلیر رو ببینید.

چطور ویدئو رو از طریق آدرس فایل نمایش بدیم؟

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

1. آدرس HTTPS فایل ویدئو رو آماده کنید و اون رو توی یک زبانه تازه مرورگر باز کنید تا مطمئن بشید فایل در دسترسه.
2. در پنجره رسانه Videopack، بخش وارد کردن ویدئو از طریق URL یا آدرس اینترنتی رو باز کنید.
3. آدرس فایل رو وارد کنید و عنوان، تصویر بندانگشتی و گزینه‌های پخش رو تنظیم کنید.
4. ویدئو رو داخل نوشته بذارید و پیش‌نمایش رو ببینید. اگه سایتتون با HTTPS باز می‌شه، بهتره فایل ویدئو هم از HTTPS دریافت بشه تا مرورگر محتوای ناامن رو مسدود نکنه.

ساخت تصویر بندانگشتی برای ویدئو

انتخاب یک فریم از داخل ویدئو

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

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

اگه کنترل بیشتری می‌خواید، یک تصویر آماده از کتابخانه رسانه بردارید یا عکس تازه‌ای بارگذاری کنید. بهتره نسبت تصویر بندانگشتی با نسبت خود ویدئو هماهنگ باشه تا عکس کشیده یا بریده نشه.

ساخت خودکار تصویر بندانگشتی با FFmpeg

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

انتخاب تصویر مناسب برای نمایش بهتر ویدئو

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

فرمت و کدک مناسب برای ویدئوهای وردپرس

فرمت یا ظرف فایل، ساختار کلی اونه و معمولاً با پسوندهایی مثل MP4 یا WebM شناخته می‌شه. کدک روش فشرده‌سازی تصویر یا صداست. مثلاً H.264 یک کدک ویدئویی هست، نه فرمت فایل. به همین خاطر دو فایل با پسوند یکسان ممکنه کدک‌های متفاوتی داشته باشن و توی مرورگر مثل هم رفتار نکنن.

برای سازگاری گسترده، فایل MP4 با ویدئوی H.264 و صدای AAC معمولاً انتخاب خوبیه. WebM هم می‌تونه به‌عنوان نسخه جایگزین به کار بره، ولی لازم نیست بدون نیاز مشخص چند نسخه سنگین از هر ویدئو رو روی هاست نگه دارید.

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

اضافه کردن زیرنویس به ویدئو

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

1. فایل زیرنویس سازگار رو آماده کنید و مطمئن بشید زمان شروع و پایان هر جمله درسته.
2. زبان زیرنویس و یک برچسب روشن مثل «فارسی» رو انتخاب کنید تا کاربر بدونه کدوم گزینه رو روشن می‌کنه.
3. در تنظیمات همون ویدئو، بخش زیرنویس یا Captions رو پیدا کنید و فایل رو اضافه کنید.
4. پیش‌نمایش رو پخش کنید و چند بخش از اول، وسط و پایان ویدئو رو ببینید تا از هماهنگی متن و تصویر مطمئن بشید.

ساخت گالری ویدئو با Videopack

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

1. از پنجره رسانه، چند ویدئو رو از کتابخانه انتخاب کنید.
2. گزینه ساخت گالری ویدئو رو بزنید و ترتیب فایل‌ها رو مشخص کنید.
3. برای هر ویدئو یک عنوان کوتاه و تصویر بندانگشتی مرتبط بذارید تا گزینه‌ها راحت از هم تشخیص داده بشن.
4. گالری رو داخل نوشته یا برگه بذارید و ظاهر اون رو روی موبایل هم ببینید.

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

استفاده از شورت‌کد Videopack

شورت‌کد یک عبارت کوتاه داخل کروشه هست که وردپرس موقع نمایش صفحه، اون رو به خروجی افزونه تبدیل می‌کنه. Videopack می‌تونه بعد از تنظیم ویدئو، شورت‌کد موردنیاز رو داخل نوشته بذاره.

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

مشکلات رایج Videopack و راه‌حل اون‌ها

ویدئو پخش نمی‌شه یا صفحه سیاه دیده می‌شه

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

تصویر بندانگشتی ساخته نمی‌شه

دسترسی FFmpeg، پشتیبانی از کدک فایل و مجوز نوشتن در پوشه رسانه رو ببینید. اگه ساخت خودکار ممکن نیست، یک تصویر استاندارد رو دستی بارگذاری کنید تا بتونید نوشته رو منتشر کنید.

FFmpeg روی هاست در دسترس نیست

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

ویدئو در موبایل درست نمایش داده نمی‌شه

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

زیرنویس نمایش داده نمی‌شه

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

افزونه با ویرایشگر بلوکی هماهنگ نیست

برای روند اصلی کار با Videopack از ویرایشگر کلاسیک استفاده کنید. اگه نمی‌خواید ویرایشگر نوشته‌هاتون رو تغییر بدید، روش داخلی وردپرس یا یک پلیر سازگار با ویرایشگر بلوکی می‌تونه انتخاب بهتری باشه. افزونه Easy Video Player هم یکی از گزینه‌هاییه که می‌تونید جداگانه بررسی کنید.

بارگذاری ویدئو سرعت سایت رو کم کرده

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

نکات امنیتی و بهینه‌سازی پخش ویدئو

• وردپرس و Videopack رو به‌روز نگه دارید و قبل از به‌روزرسانی‌های مهم، از سایت نسخه پشتیبان بگیرید.
• اجازه نصب افزونه، تغییر تنظیمات و بارگذاری فایل رو فقط به کاربرهایی بدید که واقعاً بهش نیاز دارن.
• ویدئو رو قبل از بارگذاری فشرده کنید و فایل‌های آزمایشی یا نسخه‌های تکراری رو بی‌دلیل روی هاست نگه ندارید.
• برای ویدئوهای حجیم یا پربازدید از میزبانی جدا کمک بگیرید تا فشار کمتری به سرور اصلی سایت وارد بشه.
• پخش ویدئو رو روی موبایل، دسکتاپ و مرورگرهای رایج امتحان کنید. درست بودن پیش‌نمایش داخل پیشخوان به‌تنهایی کافی نیست.
• فایل‌ها رو از HTTPS بارگذاری کنید. اگه هنوز SSL رو راه‌اندازی نکردید، آموزش فعال‌سازی SSL در وردپرس رو ببینید.

Videopack برای چه سایت‌هایی انتخاب مناسبیه؟

Videopack بیشتر برای سایت‌هایی مناسبه که ویدئوهای خودشون رو مدیریت می‌کنن، به تصویر بندانگشتی یا گالری نیاز دارن و مشکلی با ویرایشگر کلاسیک ندارن. سایت‌های آموزشی کوچک با تعداد محدودی ویدئوی فشرده می‌تونن از امکاناتش استفاده کنن؛ البته بهتره مصرف منابع هاست رو هم زیر نظر داشته باشن.

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

جمع‌بندی انتخاب افزونه پخش ویدیو در وردپرس

Videopack برای نمایش ویدئوی تکی، ساخت گالری، انتخاب تصویر بندانگشتی، اضافه کردن زیرنویس و تولید شورت‌کد امکانات کاربردی داره. ولی وابستگی روند کارش به ویرایشگر کلاسیک و نیاز بعضی قابلیت‌ها به FFmpeg، دو نکته مهمی هستن که بهتره قبل از نصب بدونید.

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

سؤال‌های پرتکرار درباره افزونه Videopack

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

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