videoBackground
Demo
https://lemehovskiy.github.io/videoBackground/demo
Package Managers
# NPM npm install video_background
Data Attribute Settings
In parallaxContent you can now add settings using the data-video-background attribute. You still need to call $(element).videoBackground() to initialize videoBackground on the element.
Example:
<div class="html-video-background" data-video-background='{"ratio_x": 16, "ratio_y": 9}'> <video src="video.mp4" autoplay muted></video> </div> <script> $('.html-video-background').videoBackground(); </script>
Settings
Option | Type | Default |
---|---|---|
ratio_x | int | 16 |
ratio_y | int | 9 |
Example:
<div class="html-video-background"> <video src="video.mp4" autoplay muted></video> </div> <script> $('.html-video-background').videoBackground({ ratio_x: 16, ratio_y: 9, }); </script>
Browser support
- Chrome
- Firefox
- Opera
- IE10/11
Dependencies
- jQuery 1.7