Canvas Support

Canvas Slider - data-autoplay for each slide?

2 replies·opened Apr 20, 2017
F
flydzineApr 20, 2017

Is it possible to specify the length of time each individual slide is played within the Canvas slider? I have a video which lasts 26secs, but after that a series of images. So, I have set 'data-autoplay="26000"' at <section> level so the video shows in full.

Currently, that means each image will also show for 26secs too, but the image timing I'd prefer to be much shorter...

e.g. http://gouldartistmgmt.com/index.html

F
flydzineApr 21, 2017

I have also used a webm & mp4 video link to play, but it doesn't play on mobile. Is there anyway to make it play on mobiles?

S
SemiColonWebSTAFFApr 23, 2017

Hello,

  1. Unfortunately, this is not supported yet with the Swiper Slider!

  2. Currently Video autoplay on Mobile Devices are only supported on iOS 10. Please consider following the Steps below to make it work for your iOS 10 Devices:

  • Add the playsinline Attribute to the <video> Tag. Example:
<video id="slide-video" poster="images/videos/explore.jpg" preload="auto" loop autoplay muted playsinline>
    ...
</video>
  • Then add the .no-placeholder Class to the .video-wrap Container that encloses the <video> Tag. Example:
<div class="video-wrap no-placeholder">
    <video id="slide-video" poster="images/videos/explore.jpg" preload="auto" loop autoplay muted playsinline>
        ...
    </video>
    <div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
</div>

This should definitely work fine.

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

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