Alternative video for mobile

[TrickiDicki]

I currently have a static image set using the ‘Bg Image for Touch Devices’ setting. Is it possible to use a video instead of a static image? I would like to have an alternative video for mobile (lower res, shorter duration) than for the ‘main’ desktop video.
Thanks

[SeaTheme]

Hi,

I am not clear this the ‘Bg Image for Touch Devices’ setting what you mentioned, could you paste your page url?
Thanks

[TrickiDicki]

https://imagebin.ca/v/3sRfqwil8XFe

[SeaTheme]

It is not possible to show different video for mobile device.

It is possible to show same video instead of static image.
Please login wp-admin, go to Theone / General Settings / Custom Css
Paste the style code to Custom Css:

.touch .fullwrap-video video { display: block; }
.fullwrap-video .video-cover {  display: none; }

[TrickiDicki]

Thanks for the suggestion. Now if I view the site using desktop Chrome in ‘Mobile device’ mode (ctrl-shift-m) I can see the video rolling as I want, but browsing from an ipad or iphone still shows the static image. Any further suggestions?
Thanks

[SeaTheme]

Please try to add muted playsinline for video tag this file:
/wp-content/themes/theone/functions/theme/plugins/ux-bmslider.php line 764
It should be:
<video loop autoplay muted playsinline poster="<?php echo $bmslider_video_image; ?>">

[Author]

Posts