This HTML5 Video Player is ideal if you want a video player which will support YouTube, Vimeo and Self-Hosted videos.
* * * NEW * * * : now you have both options: to set the video background only for a div or for entire page.
It plays YouTube, Vimeo and Self-Hosted video files. For YouTube & Vimeo all you need to use is the video ID
The plugin is fully responsive, including images and videos and will adapt the browser/device resolution.
It is compatible with IOS and Android operating systems.
All you need to use is the YouTube video ID and the plugin will get these information from YouTube server. Parameters to use your own information
You can use the plugin as a fixed width or as a full width video player
FullScreen video background
The plugin can be used as a full-screen video background for your website. The video will cover the entire screen without any black stripes. Optional fallback image for mobile devices.
Optional parameter to add a texture over the images. In this manner you’ll not have to modify each image to add the texture.
Over 30 parameters from where you can customize your player, including: autoplay, loop, colors, dimensions, show/hide video controllers, randomize videos…
For Fixed Width and Full Width version you have parameters to set the border width and color.
Bottom Navigation Positioning
You can position the bottom navigation to left, right or center.
The JS file has around 22KB
Note for IOS/Android (restrictions imposed by Apple/Google) and other browsers:
– it autoplays on IOS/Android only if the video is muted. When you set autoPlayOnMobile:true, the video will mute automatically for mobile devices.
– volume controls will not work on IOS/Android. You’ll have to adjust the volume with physical buttons of the mobile device.
Note for Safari, Chrome & Firefox (restrictions imposed by Apple & Google):
– Starting with Safari 11 and Chrome 66 the autoplay will not work because Apple & Google disabled autoplay feature and it can’t be controlled from JS. It autoplays only if the video is muted
– Starting with the version 66 of Firefox, autoplay was blocked, You can revert to the old behavior from browser settings, when autoplay was allowed.