Canvas Support

Auto play html 5 video on canvas slider

2 replies · opened Aug 13, 2019

Nnicolas33770Aug 13, 2019

Hello,

I would like to ask you if you know why the video player not working on mobile ? I tested on safari IOS (latest version) and chrome on android (last version) and it's not playing. Do you have any solution to fix that ?

You can check here : http://themes.semicolonweb.com/html/canvas/header-side-left.html

SSemicolon WebSTAFFAug 13, 2019

Hello,

Thanks for your Patience!

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 .

Meanwhile, currently the Inline 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 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.

Nnicolas33770Aug 14, 2019

Hi,

It's works fine on my Android device (OxygenOS 9.5.11 - Android 9) and my iPhone 8+ with IOS 12.4.

Thanks for your quick, complète and nice reply.

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