Video player

Last Updated: Nov 01, 2017 11:05AM CET

In this article

    The Video player allows videos to be played in your banners by utilizing videos hosted on your own private server and serves the purpose of helping with creating eye-catching banners with a lot of motion.
     

    How to use

    The 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 note

    If 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.

    Requirements

    Your 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​.

    Settings

    There'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.
     
    Setting Description Value type
    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.
    On/Off
    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 note

    Certain phones, especially older ones, does not support inline autoplay. Please refer to table below
     

    Support table

    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/
    Previous Article Next Article

    RELATED ARTICLES

    support@bannerflow.com
    https://cdn.desk.com/
    false
    desk
    Loading
    seconds ago
    a minute ago
    minutes ago
    an hour ago
    hours ago
    a day ago
    days ago
    about
    false
    Invalid characters found
    /customer/en/portal/articles/autocomplete