Download the PHP package levmyshkin/vidbg without Composer
On this page you can find all versions of the php package levmyshkin/vidbg. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download levmyshkin/vidbg
More information about levmyshkin/vidbg
Files in levmyshkin/vidbg
Package vidbg
Short Description An HTML5 video player.
License MIT
Homepage https://drupalbook.org/
Informations about the package vidbg
vidbg.js
A minimal vanilla JavaScript video background plugin.
Compatibility
- All modern web browsers
- IE 11+
- All mobile web browsers that support autoplaying HTML5
<video>
Working With Wordpress
If you plan on using vidbg.js with WordPress, make your life a little bit easier and download the plugin I made on the Wordpress Repo.
Usage
Install
Or download the built vidbg.zip
from GitHub
Instructions
In the browser:
Or if you are working with modules:
Initializing the Script
The script accepts three arguments.
The selector argument is any JavaScript selector, the options are for configuring vidbg.js, and the attributes argument modifies the actual <video>
element.
Note: Supplying both .mp4
and .webm
will increase browser compatibility.
Options
Attributes
Overlay
Setting the overlay
option to true
will add an RGBA background over your video. This is helpful when you want to display text or meaningful content over the video background to increase legibility.
Fallback Image Flashing
You may experience the fallback image flash on page load. This is because the fallback image is added through JavaScript. As a result of this, it will load after CSS styles are rendered.
If you'd like to combat this, you can preset the fallback image through CSS. For example, if your selector is .video-box
you could do something like:
Methods
Below are the methods that are available:
Media
Video and fallback image provided by Christophe Tauziet at https://vimeo.com/user27974867
License
vidbg.js is licensed under The MIT License. You can view it here.