-
AuthorPosts
-
June 21, 2018 at 1:32 am #975598
Hey guys,
how can I get my video to play on mobile? Or at least load the image being used as a backup for the mobile site.
Currently I just get a black screen on mobile and no video play. What would you recommend with settingsTHx!
JSJune 21, 2018 at 3:25 am #975618Hey Justin,
When I view your site with my Android phone your header video plays correctly.
Are you experiencing this with a iPhone?Best regards,
MikeJune 21, 2018 at 4:20 am #975643Hey Mike….the iPhone, yes.
June 21, 2018 at 8:57 pm #975979Hi Justin,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
The video plays well on an iPad, but not on the iPhone.
Best regards,
VictoriaJune 21, 2018 at 8:59 pm #975982This reply has been marked as private.June 22, 2018 at 9:21 am #976157Hi Justin!
Cheers!
VictoriaAugust 25, 2018 at 11:01 pm #1001786Victoria, I can temporarily deactivate Sucuri. Need to get the background to my site loading. Video or image.
August 27, 2018 at 5:31 am #1002130Hi,
Are you checking this on Safari? Please note that the browser has a new autoplay policy which is almost the same as Google’s.
Safari:
Safari 11 is using the so called “automatic inference engine”, which decides, if media elements with sound are allowed to auto-play on the visited website by default, which won’t be the allowed for most websites, according to the Safari team. In addition to that, a new power-saving feature will prevent the playback of muted videos, if they are off-screen, or hidden in a background tab.
// https://bitmovin.com/play-not-play-new-autoplay-policies-safari-11-chrome-64/
Google:
Chrome’s autoplay policies are simple:
Muted autoplay is always allowed.
Autoplay with sound is allowed if:
User has interacted with the domain (click, tap, etc.).
On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously play video with sound.
On mobile, the user has added the site to his or her home screen.
Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.// https://developers.google.com/web/updates/2017/09/autoplay-policy-changes
Did you add a fall back image? That image should be displayed instead of the video on mobile devices. If you did add a fallback image but it’s not displaying, please refer to the following thread for a possible fix.
Best regards,
IsmaelAugust 27, 2018 at 1:52 pm #1002275on modern Iphones with newer OS the playsinline and muted parameters will do the job on embedding via html5.
<video playsinline autoplay loop muted …but i guess you have inserted the video in a different way
i did it here on a test-page – but with advanced layerslider – and html5 code: https://webers-testseite.de/weber/
And i hope that even for small screens this is also visible on Iphone7/8/XAugust 27, 2018 at 3:14 pm #1002304@Ismael, no Fallback image. I have one added, it just has not worked. I see there’s a posting on this – to update. Thanks for the link.
@Guenni007 looks good. All I am doing is inserting the link of the media file as a background image using the Advanced Layer’s color section.August 27, 2018 at 6:14 pm #1002396and you can not do what you want to do with advanced layerslider? – you have to use the color-section ALB Element?
August 28, 2018 at 4:09 am #1002513Hi,
Yes, @Guenni007’s right. You can actually use the layer slider instead of the color section to add a video background, which works well on mobile.
Best regards,
IsmaelAugust 30, 2018 at 5:37 pm #1003730I would rather use the color section with the option to use a background video – than use the Layerslider. Staying away from LayerSlider :)
It’s odd to me that this feature is available in the theme builder, but does not work for me.Even if I check ‘hide video on mobile devices‘, I still get a pitch black background.
No video. No image. https://prnt.sc/koq49oAugust 31, 2018 at 4:40 am #1003887Hi,
Did you try the fix for the fallback image?
Best regards,
IsmaelSeptember 1, 2018 at 9:10 am #1004288well – maybe you followed the fix of ismaels link – i can see the fallbackimage now.
and by the way you did not mention that it is a cdn video. Sometimes this will be a source of troubles too.September 2, 2018 at 9:03 pm #1004711@guenni007 not ure if it would be. It was a URL from the local server until the other day when I revisited to the CDN URL.
The FallBack image works on mobile now. Is it not possible for the video to work on mobile?- This reply was modified 6 years, 3 months ago by Justin.
September 3, 2018 at 6:11 am #1004775Hi,
Is it not possible for the video to work on mobile?
You have to use the layer slider for that, as Guenni recommended.
Best regards,
IsmaelSeptember 3, 2018 at 2:45 pm #1004990OK … if that is the only way. I will have to reinstall the theme since LayerSlider was deactivate a while back.
Thanks @ismael … thanks @guenni007
- This reply was modified 6 years, 3 months ago by Justin.
September 4, 2018 at 8:07 am #1005315 -
AuthorPosts
- The topic ‘How to get video playing on Smartphone?’ is closed to new replies.