Canvas Support

Android video issue - multiple consecutive videos in slider - some not playing

3 replies · opened May 21, 2017

IintsdwMay 21, 2017

First of all let me say you've done a great job building the Canvas template. I am surprised at how much you can pack in and still have everything work well together.

I’ve built a slider based single page website based on the main canvas template (index.html), but instead of one video I have three on consecutive slider pages.

Surprisingly it works fine on PC and even IOS (including iphone, Ipad) with the modification for autoplay on IOS.

The Issue is that some videos are not playing on Android (J5 Prime, Virtual Nexus). Generally the first video plays after a while but the rest do not. When connecting via USB Debug mode, sometimes the video load is shown as “cancelled” in Chrome DevTools network tab, and sometimes only partial content loaded. Initially the loading spinner would never disappear until I set the timeout data.

I thought it might be a video format issue but was able to repro with the “Explore” video from your samples – just copy it as explore1,explore2,explore3 and try setting on different pages. My website URL is in the attached image and its also live there.

It might be just an “android” issue but wanted to check if you had some thoughts on how to resolve.

Thanks!

SSemicolon WebSTAFFMay 25, 2017

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 Videos on Mobile Devices do not work on any Website.

Meanwhile, as you may have noticed the Apple Devices are playing HTML5 Videos but that is only on iOS 10 Devices but Devices with iOS 9 and less do not play videos.

Hope this Helps!

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

IintsdwMay 28, 2017

Hi,

Seems like things are changing. Here is a video of Chrome on Android 6 on J5 Prime auto playing one of the 4 videos in the slider. It seems to randomly play one of the four depending on which one loads first. I can see in debug they all start downloading but the others seem to stop after one starts playing.

It may also be something to do with the slider auto playing / pausing the video which is causing the others not to play - as I sometimes see JS exceptions regarding a pause before play.

Cheers

Sean

📎 Video.mov391 KB
SSemicolon WebSTAFFMay 31, 2017

Hello,

We are still checking this issue! However, it is unlikely that there is an issue with the Codes because if it was it wouldn't work with any video. We are also checking if JS is causing this issue. Thanks for your Patience.

Meanwhile, 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