Hello,
Because videos won't appear in the slider on phones, is the poster image what will appear in place of it on the phone?
<video id="slide-video3" poster="images/videos/duluth.jpg" preload="auto" loop autoplay muted>
1 reply · opened Jan 15, 2021
Hello,
Because videos won't appear in the slider on phones, is the poster image what will appear in place of it on the phone?
<video id="slide-video3" poster="images/videos/duluth.jpg" preload="auto" loop autoplay muted>
Hello,
That's correct. The Placeholder Image is displayed in place of the Videos on Mobile Devices. 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:
Add the playsinline Attribute to the <video> Tag. Example:
[ch_pre]<video poster="images/videos/explore.jpg" preload="auto" loop autoplay muted playsinline>
...
</video>[/ch_pre]
Then add the .no-placeholder Class to the .video-wrap Container that encloses the <video> Tag. Example:
[ch_pre]<div class="video-wrap no-placeholder">
<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>[/ch_pre]
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