Mobile Video Alternatives

3 replies · opened Feb 17, 2018

Jjhaag75Feb 17, 2018

Since slider videos do not autoplay on mobile browsers, is there an option to set a background static image as an alternative for mobile? Are there any templates that do this or can we use the lazyload attribute for this? Any type of fallback for mobile would be a nice feature for the canvas templates. Appreciate any tips you can offer in the meantime. Thanks!

SSemicolon WebSTAFFFeb 19, 2018

Hello,

This option is already enabled by default and the poster image of your video is used as the placeholder for your videos on Mobile devices. So for this to work correctly, make sure that you have added the poster image for your Video.

This will definitely work fine. Hope this Helps!

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

Jjhaag75Feb 19, 2018

I noticed that the revolution slider does work on mobile though! So the canvas slider does not, but it will load a poster image as a fallback. But the revolution slider will work!

SSemicolon WebSTAFFFeb 26, 2018

Hello,

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:

    
        ...
    
    

This should definitely work fine. Hope this Helps!

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

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard