Video Background

Video Background

توسط

Video Background offers a simple and easy way to add a video background to any element on your WordPress site.

There are 4 simple required fields:

  • Container: This fields specifies where you would like the video background.
  • MP4: Link to the .mp4 file. For Safari and IE support.
  • WEBM: Link to the .webm file. For Chrome, Firefox, and Opera support.
  • Poster: This will be used for the fallback image if video background is not supported (mobile for example)

There are also 5 additional optional fields for having a more beautiful video background:

  • Overlay: Add a color overlay over the video for optimal reading of text.
  • Overlay Color: If overlay is enabled, you can select the color of the overlay using the colorpicker.
  • Overlay Alpha: If overlay is enabled, you can specify the amount of transparency.
  • Loop: Enable or disable the looping of the video background
  • Tap to unmute: Add a “Tap to unmute” button to your video backgrounds to have your users engage with the sound. Compatible with Chrome’s newest autoplay policies!

In addition to the Video Background metabox, WPBakery integration, and SiteOrigin Page Builder integration, you can use the shortcode for use anywhere on your WordPress site:
[vidbg container="body" mp4="#" webm="#" poster="#" muted="true" loop="true" overlay="false" overlay_color="#000" overlay_alpha="0.3"]

Demo:
https://pushlabs.co/docs/video-background/

Installation is simple.

  1. Upload video-background to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Fill in the settings on the “Video Background” metabox on the page or post you’d like the video background to appear on.

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

What size is recommended for the videos?

15mb is usually best, I try to not exceed that. Any video after 15mb starts to slow down and sometimes will not load. Check with your hosting provider to make sure you have enough bandwidth for video backgrounds.

Is this compatible with Internet Explorer?

Video background works for Internet Explorer 9 and above. Any version below that will use the fallback image.

How would I make a full width/height background video?

Simply fill out the 4 easy fields. Be sure for the container you enter “body” (without the quotes)

What is the best way to add a full width video background to my website?

The best way to achieve this is to use a page builder like SiteOrigin or WPBakery (Visual Composer) to add a full width row, and apply the video background to it through the integration.

What filetypes are allowed for fallback images?

Fallback images can be .jpg, .png, and .gif.

I entered all the correct fields, but my video will still not load. What am I doing wrong?

This can be an issue with the file size of the video you are uploading. Make sure that you video is compressed and is does not exceed 15mb.

I want to add a video background to a class called “header”, how would I do that?

To add a video background to a class called header add “.header” to the container field. (without the quotes)

×
نظری برای این آیتم موجود نیست.
0 0 رای ها
امتیازدهی
اشتراک در
اطلاع از
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
نسخه حجم فایل SHA256 تغییرات دانلود
2.7.7 953 کیلوبایت -
دانلود
×
★★★★★
★★★★★
4.5 /5 (63 نظر)

قیمت:

رایگان

نگارش

2.7.7

آخرین انتشار

11 اردیبهشت 1405

آخرین بروزرسانی

4 ماه پیش

نصب های فعال

9,000+

نگارش وردپرس

وردپرس 4.5+

تست شده از نسخه

وردپرس 6.5.8

نگارش PHP

-

نسخه ها

1 نسخه