ثبت‌نام ورود

نمایش ویدئو به صورت لایت باکس با WP Video Lightbox

نمایش ویدئو به صورت لایت باکس با WP Video Lightbox

نمایش ویدئو به صورت لایت باکس با WP Video Lightbox

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

به علاوه با استفاده از این افزونه می توانید تصاویر و ویدئو های یوتیوب، Vimeo، فلش و iframe  را در لایت باکس مشاهده کنید و همچنین تمامی فیلم ها را می توانید بر روی iPhone و iPad ببینید.

ویژگی های افزونه WP Video Lightbox

  • برای استفاده از کتابخانه جی کوئری باید گزینه pretty photo فعال کنید.
  •  تنظیم سرعت انیمیشن (slow/fast/normal) 
  • پخش خودکار اسلایدشو (true/false)
  • شفافیت فیلم (بین 0 و 1)
  • نمایش عنوان
  • امکان تغییر اندازه تصاویر
  • تغییر عرض و ارتفاع لایت باکس
  • حداکثر تعداد تصاویر در گالری 
  • تغییر تم لایت باکس
  • تغییر فاصله افقی
  • مخفی کردن فلش
  • شروع فیلم بصورت خودکار
  • میانبرهای صفحه کلید
  • جایگذاری شورت کد در برگه ها یا نوشته ها
  • امکان گذاشتن تصویر بند انگشتی برای فیلم ها
  • پخش فیلم های یوتیوب و Vimeo
  • غیر فعال کردن فیلم های پیشنهادی در یوتیوب

کار با افزونه WP Video Lightbox

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

صفحه افزونه

سپس در تب prettyPhoto می توانید لایت باکس را سفارش سازی کنید.

تنظیمات سفارش سازی افزونه

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

کدهای قرار داده شده در Vimeo

[video_lightbox_vimeo5 video_id="13562192" width="640" height="480" anchor="click here to open vimeo video"]
[video_lightbox_vimeo5 video_id="13562192" width="640" height="480" anchor="http://www.example.com/images/vimeo-thumb.jpg"]

کدهای قرار داده شده در یوتیوب

[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="click here to open YouTube video"]
[video_lightbox_youtube video_id="G7z74BvLWUg" width="640" height="480" anchor="http://www.example.com/images/youtube-thumb.jpg"]

تنها آیدی و آدرس و اندازه فیلم ها را تغییر دهید و نتیجه عملکرد را در سایت خود مشاهده کنید و لذت ببرید.

موفق و پیروز باشید.

 

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

  1. کاربر مهمان ۱۱ مهر ۱۳۹۶

    سلام ایا افزونه ای هست که چندین فیلم اپلود کنم و برای هر فیلم کد خاصی تعریف کنم و بازدیدکننده با وارد کردن آن کد فیلم مربوطه برایش نمایش داده شود؟