BigVideo
Categories
Component ID
Component name
Component type
Maintenance status
Development status
Component security advisory coverage
Downloads
Component created
Component changed
Component body
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).
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, 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
