In this article
How to useThe Video player is used by dragging and dropping the widget to the banner canvas, double-clicking it and inserting a URL to where it's located.
Please noteIf the video doesn't seem to work, ensure that it's pasted without any type of formatting (CMD/CTRL+SHIFT+V) that normally can come along when copying from text editing softwares. Selecting the text and then clicking the Eraser button in the text window will accommodate for this.
RequirementsYour video has to be available as a mp4 as well as a ogg file(to support specific versions of Firefox) on the same location and should weigh a maximum of 1000kB. Compressing the video to reduce the file size is recommended to do using https://handbrake.fr/ and by using this Compression profile. Converting can easily be done using https://cloudconvert.com/mp4-to-ogg.
SettingsThere's a bunch of settings available for the video player found in the style panel which allow you to tweak the playback of the video to your liking. Below is a list of all settings and what they do.
|Mouse interactions||Enables mouse interactions which is required in order to utilize any of the interactive elements and settings.||On/Off|
|Autoplay||Defines whether or not the video should automatically start playing once it's in focus.||On/Off|
|Loop||Defines whether or not the video should loop once it reaches the end||On/Off|
|Controls||Defines whether or not the video controls should be visible or not. If On, overrides the play/pause button which available if Autoplay is Off.||On/Off|
|Start time||Defines at second of the video that the video should start on. Is specified in seconds.||Number|
|End time||Defines at second of the video that the video should end on. Is specified in seconds.||Number|
|Volume||Sets the default volume of the video if it has any audio. This is the volume that will be toggled to if Hover for sound or Click for sound is On.||Number (0-100)|
|Click for sound||Enables the sound(based on Volume) when clicking on the video. This setting overrides Controls.
Mutes volume when mouse pointer no longer is on top of the video.
|Hover for sound||Enables the sound(based on Volume) when hovering your mouse pointer on the video. This setting overrides Controls.||On/off|
|Show on mobile devices||Defines whether or not the video player should be displayed on mobile devices. If On, a static image(based on Start time) will be displayed. If Off, nothing will be displayed.||On/Off|
|Player background||Defines the player's background(the area around the video).||Color|
|Loop with banner||Defines if the video should loop when the banner loops or if it should play continuously.||On/Off|
Please noteCertain phones, especially older ones, does not support inline autoplay. Please refer to table below
|OS/Browser||Supports inline autoplay|
|iOS 9 Safari||No|
|iOS 10 Safari||Yes|
|iOS 9 Chrome||No|
|iOS 10 Chrome||Yes|
|iOS 9 Opera Mini||No|
|iOS 10 Opera Mini||No|
|iOS 9 Firefox||No|
|iOS 10 Firefox||No|
|Android Chrome 43||No|
|Android Chrome 54||Yes|
|Android Opera Mini 20||No|
|Android Firefox 49||Yes|
|Android Samsung Internet 4.0||No|
|Windows Phone 8 IEMobile 10||No|
|Windows Phone 8.1 IEMobile 11||Yes|
|Windows 10 Mobile Edge 14.1||No|
|Windows 10 Mobile Opera Mini 9.1||No|
Credits to http://walterebert.com/blog/html5-video-autoplay-mobile-revisited/