-
Posts
-
http://whdtesting-co-uk.stackstaging.com/full-video/
Why does this auto play on desktop but NEVER on mobile
It needs to auto-play- how is this achieved…
Hope you can help!
on which different mobile devices have you tested this?
F.e. only since IOS 11 with new safari these video-backgrounds are supported!
What is your smart option – i can not find it in the api options?
why don’t you include in the iframe code an autoplay=1 option ?and for mobile (safari too) set the parameter :
&playsinline=1We have a OS11 iPad – shows black screen with spinning circle – no video
Androids running Oreo and Nougat – shows image with red play button that does nothing when presed
Win10 64bit 32Gb Ram Pc – Works perfectly as it should!!!
My client is going crazy as he NEEDS this to work before we commence the work…. So there’s a lot riding on this!!!
can you try this in your layer video embed code:
<iframe id="ytplayer" type="text/html" width="100vw" height="56.25vw" src="https://www.youtube.com/embed/YtSo17Wley8?autoplay=1&enablejsapi=1&loop=1&playsinline=1&rel=0&showinfo=0&color=white&iv_load_policy=3" frameborder="0" allowfullscreen></iframe>see here the second slide with your video: http://webers-testseite.de/weber/archie/
have you deleted all caches ( browser and maybe plugin-caches – and enfold merged files (js and css) ) ?
ok vimeo and youtube do not start here on layerslider.
why do you use the layerslider ? are other layers being superimposed?by the way is the page working: https://webers-testseite.de/weber/
with a selfhosted videoi ask because good old html5 <video … – there will be chances to be successfull
can you please look if it starts now on your mobile devices: http://webers-testseite.de/weber/archie/
Cleared cache now this plays https://webers-testseite.de/weber/
so the video needs to be self hosted on a single layer?
Self hosted I get this on Android http://whdtesting-co-uk.stackstaging.com/wp-content/uploads/2017/11/Screenshot_20180724-153842.png
Look at http://whdtesting-co-uk.stackstaging.com/full-video/
On desktop > Mobile > iPad
you will see what I mean!!!
on selfhosted do this as code in the layer:
<video playsinline autoplay loop muted preload="metadata" style="min-width:100vw; min-height:56vw;" > <source src="path_to_your/VARVANI-3D.CG-Showreel-2018.mp4" type="video/mp4"> <img src="path_to_fallback_image/film-fallback.jpg" title="Your browser does not support the video tag"> </video>this is very important to have: playsinline autoplay loop muted
hope you have adjusted the path ?
On my end : https://webers-testseite.de/weber/whdsolutions/
it seems to work with that:
don’t know – he has opend a new thread – but my solution with selfhosted video works !
on this case : If you want simple solutions, you have to be satisfied with simple requirements.
- You must be logged in to reply to this topic.