Canvas Support

Stop video on mobile (slider)

6 replies · opened Nov 28, 2021

SsathiyLCFNov 28, 2021

How stop the video download if the user is using mobile device? If the user is using mobile device, I don't want the video to download or play.

SSemicolon WebSTAFFNov 29, 2021

Hello,

By default, the Video does not Download or Play on Mobile Devices which is done automatically by the Mobile Operating Systems. So there is nothing to change here.

Hope this Helps!

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

SSemicolon WebSTAFFNov 30, 2021

Hello,

Thanks for your Patience!

We have just checked this out and the Video does not appear to be playing on iPhone 13. Can you please let us know which device you are experiencing this on so that we can run further checks on this. 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.

SsathiyLCFDec 2, 2021

I am testing on the following phones

  1. Redmi note 8 (Android)
  2. Mi Max 3 (Android)
  3. iPhone 6s (iOS)

All three phones it is downloading/loading the video. When you resize the browser window in desktop also you can see it is downloading it.

SSemicolon WebSTAFFDec 3, 2021

Hello,

We have just checked this out on an actual OnePlus 9 and iPhone 13 Device and the Video does not load or play on these devices. Additionally, on Desktops they will play by default even if the screen sizes are set to smaller, as they are not actual devices.

Meanwhile, you can consider setting the data-visibility="['on', 'on', 'off', 'off']" Attribute on the Video Layer. This will hide the Video on Mobile Devices. More Documentation can be found here: https://www.themepunch.com/revsliderjquery-doc/responsive-setup-2/ .

Hope this Helps!

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

SsathiyLCFDec 5, 2021

Did not work

<!-- LAYER NR. 1 -->
<div class="tp-fade fadeout fullscreenvideo rs-background-video-layer"
data-forcerewind="on"
data-volume="on"
data-videowidth="100%"
data-videoheight="100%"
data-videomp4="images/videos/explore.mp4"
data-videopreload="preload"
data-videoloop="none"
data-visibility="off"
data-forceCover="1"
data-aspectratio="16:9"
data-autoplay="true"
data-autoplayonlyfirsttime="false"
data-nextslideatend="true"
>
</div>

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