[Support request] video will not play with play button on mobile device

[Cynthia]

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&#8243; 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&#8243; type=”video/mp4″ />
</video>

Please look at https://streamline-integration.com/ on mobile and provide some help if possible. – Thanks

[David]

Hi there,

try the Video HTML we provide here:

https://docs.generatepress.com/article/page-hero-background-video/

[Cynthia]

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>

Your Element content in here.

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.

[Tom]

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.

[Author]

Posts