Hi Austin,
Please try to use
https://www.youtube.com/watch?v=k7Oq8zO0tLs
instead of
https://youtu.be/k7Oq8zO0tLs
Hi Austin,
Please try to use
https://www.youtube.com/watch?v=k7Oq8zO0tLs
instead of
https://youtu.be/k7Oq8zO0tLs
That worked! However, on mobile, only the thumbnail image shows up. The video doesnât play.
is there anything else I need to do to get the video to play on mobile? Iâve now taken the site live and the video is in the hero of the homepage at https://yttangsoodo.com/
Videos with audio often wonât play in the background. Try uploading the video without audio and then using that link instead.
Hi Austin,
As per Curtis explanation, autoplay youtube will not work on a mobile device.
You could try to upload a video with audio disable. (But I donât think it works too)
For more info, you could check The mobile considerations section in YouTube Player API Reference for iframe Embeds  | YouTube IFrame Player API  | Google Developers
Hey Thomas
Did you ever discover what happened here? Iâm a novice at this whole thing, trying to get a video to autoplay as Iâm using it as background in my header and footer. Seems like it should be a super simple solution, but itâs been all afternoon for me, now. Ha!
As mentioned in the link Jenn shared in his reply above: the video autoplay might not work in certain mobile browsers (such as Chrome and Safari) as it needs to be initiated by a user interaction (such as tapping on the player). This seems to be in place due to user data consumption concerns and to prevent unwanted noise or distractions.
Itâs not a Bricks bug, but a browser policy/restriction.
Possible workaround: convert your video into a .gif file, and add it as a background image. This only makes sense, though, if the video is a few seconds long as you donât wanna end up loading a massively big file either. Just an idea, not an official recommendation.
Im having the same issue but Ive linked a video hosted in my Wordpress files. Shouldât it at least be able to display the video on mobile since it displays fine on desktop? Perhaps autoplay may not work but in my case it wont even display the first frame of the video.
Here is my site.
https://figuretheory.com/heros/
Here is another site I work on. This was created in Divi obviously a different builder all together but I can get videos to display on mobile here.
https://wildwoodhealth.org/natural-farm/
Hi @hazenxa ,
Thanks for the link to your page, you have defined the background video to only show at desktop breakpoint. So it will be empty on viewport width lower than 1201px.
You can add a background image with that setting so visitor can still see an image in smaller breakpoint.
Regards,
Jenn
Hi Jenn!
Thank you so much for taking the time to look at this. I appreciate it. Im really new to Bricks so please bare with me. I made a video showing the settings that I have. If I inspect the site through the browser at smaller breakpoints it does play the video. The only issue seems to be that it wont play on my phone when I test there. Iâve tested with safari, firefox and chrome. Here is the video. Thanks again!
Hi @hazenxa ,
I have tested your page (Heros â Figure Theory) and the background video is playing without issue.
Can you check if you are using iPhone + in low power mode?
Reference: NO BUG: Background Video not playable on iPhone in Low Power Mode
Regards,
Jenn
Hi Jenn,
Thank you for getting back to me. I found a thread on the Bricks facebook page that suggested to set the âStart play atâ setting to âAny breakpoint.â While this option is not available in the dropdown, you can set another breakpoint then delete it and it defaults to this âAny breakpointâ setting. Once the site is saved with that setting in place the background video will work on mobile.
Cheers!