How to make video background work on mobile device

Hello,

Apple and Android do not allow autoplay for HTML5 Videos/Audio to prevent unsolicited usage of Bandwidth (which can be Cellular) on the User's Mobile Device. They can only be played on their native Video Player.

Here is the Official Reference for Apple: https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html .

We are definitely keeping an eye on the Latest Updates by Apple and Android to allow the auto-playing of HTML5 Videos on their respective phones and as soon as they release an Update we will surely make this available. The HTML5 Video on Mobile Devices do not work on any Website.

Additionally, currently the Video Autoplay is supported only from iOS 10 onwards. You can use the following instructions to make it work on iOS 10 or above devices:

1. Add the playsinline Attribute to the <video> Tag. Example:

    ...

1. Then add the .no-placeholder Class to the .video-wrap Container that encloses the <video> Tag. Example:

    
        ...
    
    

Hope this Helps!

Do let us know if we can help you with anything else or if you find any further issues with Canvas.