The BigVideo module provides the ability for attaching background video to site pages.

Drupal 8 version:
First version of the module has been ported as-is with minimal changes.

Warning
* You'll probably need to adapt/update your theme styles to make your theme look good with background videos.
* Please use 7.x-3.0-alpha2 version of the Video.js module. There is incompatibility with other versions of this module (https://www.drupal.org/project/bigvideo/issues/2488688) and (https://www.drupal.org/project/bigvideo/issues/2932526).

Note:
BigVideo library no longer under active development, see https://www.drupal.org/project/bigvideo/issues/2952747

For this reason, it is recommended to use Video.js not newer than 5.x.x

Requirements
This module requires the following modules and libraries:

Drupal 7:
* Modules
- Libraries (https://drupal.org/project/libraries)
- Video.js (https://www.drupal.org/project/videojs)
- jQuery Update (https://www.drupal.org/project/jquery_update)

* Libraries
- BigVideo.js (https://github.com/dfcb/BigVideo.js)
- ImagesLoaded (https://github.com/desandro/imagesloaded)

Drupal 8:
* Modules
No modules required.

* Libraries
- Video.js (https://github.com/videojs/video.js)
- BigVideo.js (https://github.com/dfcb/BigVideo.js)
- ImagesLoaded (https://github.com/desandro/imagesloaded)

Installation
* Install as you would normally install a contributed Drupal module. See:
https://drupal.org/documentation/install/modules-themes/modules-7
for further information.
* Make sure what you have installed and configured Video.js module (D7 only).
* Download the Video.js(not newer than 5.x.x), BigVideo.js and ImagesLoaded libraries
* Place the libraries in the appropriate directories

Drupal 7:
sites/all/libraries/imagesloaded/imagesloaded.pkgd.min.js
sites/all/libraries/bigvideojs/css/bigvideo.css
sites/all/libraries/bigvideojs/css/bigvideo.png
sites/all/libraries/bigvideojs/lib/bigvideo.js
sites/all/libraries/bigvideojs/bower.json (if exists)
sites/all/libraries/bigvideojs/BigVideo.jquery.json (if exists)

Drupal 8:
libraries/video-js/video.min.js
libraries/video-js/video-js.min.css
libraries/imagesloaded/imagesloaded.pkgd.min.js
libraries/bigvideo/css/bigvideo.css
libraries/bigvideo/lib/bigvideo.js

Configuration
* Add new BigVideo source at admin/config/user-interface/bigvideo/sources
* Add BigVideo pages at admin/config/user-interface/bigvideo/pages
* (extra) BigVideo provide reaction (BigVideo Background) for Context module.

Troubleshooting (D7)
* Please change site jQuery version to 1.7 (or newer), this is required for BigVideo library.

Check out our BigVideo installation profile if you need a ready-made website with background video!

Created by ADCI solutions team

Supporting organizations: 

Project information

Releases