Archived topic
video will not play with play button on mobile device
3 replies · Started by Cynthia on May 25, 2020
I am trying to get my video to play on a mobile device (I have a an Android, power saving mode is off). I see the player there on my website with a play button but no video. https://streamline-integration.com/
However the file works perfectly on my laptop and it autoplays on my laptop with no issue.
I am using this html code:
<video src="https://streamline-integration.com/video/fin_fin_hightail_streamline.mp4" autoplay="autoplay" loop="loop" muted="true" controls="controls" width="1519px" height="855px"></video>
The person who did this website https://thewooroom.com/ (which autoplays video on mobile without issues) gave me this html code originally to insert but it automatically would save to what I placed above:
<video autoplay muted>
<source src="https://streamline-integration.com/video/fin_fin_hightail_streamline.mp4" type="video/mp4" />
</video>
Please look at https://streamline-integration.com/ on mobile and provide some help if possible. - Thanks
Hi there,
try the Video HTML we provide here:
https://docs.generatepress.com/article/page-hero-background-video/
David - I don't understand how to add this part:
<video loop muted autoplay poster="URL/TO/poster.jpg" class="background-video">
<source src="URL/TO/video.mp4" type="video/mp4">
<source src="URL/TO/video.webm" type="video/webm">
<source src="URL/TO/video.ogv" type="video/ogv">
</video>
I am confused by the "Your element content here"
I want to keep my home page just as it is (not make a page hero) I only want to add the proper code into the widget where the video would play. And I would like to figure out how to make is adjust down in size when viewing on mobile.
I use Page Builder by SiteOrigin for all of my Generate Press websites.
Hi there,
Your code should function the exact same as the code that was given to you.
You could make it more identical like this:
<video src="https://streamline-integration.com/video/fin_fin_hightail_streamline.mp4" autoplay loop muted controls="controls" width="1519px" height="855px"></video>
I'm not sure if it's possible to force a video to autoplay on mobile, as those mobile browsers are specifically set not to autoplay videos.
