Adding a video play button option

Develop, Build & Integrate CMS Development
1

Hi

We have successfully added a video module to our website, which for 99% of the time works without any issues as it auto plays and scales to the device

We have found that if a mobile user has dissabled autoplay on video’s, then there is no option to play the video.

At one level this is not an issue but I would like to see if there is an option to add a play button.

Does anyone have an option to add a video play button?

Thanks

2

Hey @andrew19

I will tag a few of our experts
16x16_smiley-happy.png.png

Hey @stefen @Kevin-C @Stephanie-OG could you please share your knowledge with @andrew19 ?

Thank you,

Sharon

3

@andrew19 if you’re using a vanilla HTML5 Video tag then you just need to add the “controls” attribute to it like so:

<video controls autoplay>

That’s the simplest solution. Otherwise you would need to use your own button element, CSS to style it/position it, and JS to play/pause the video on click.

4

Hi Stefan

Soory for the slow response but have been working on other key sales issues.

Thank you for suggestion

Perfect

Cheers

Andrew

5

Do you know if there’s a way to customize the black gradient behind the controls? I’ve been trying to do that with CSS but can’t seem to change anything.

6

I’m afraid not. You could create your own video controls and style them however you like and disable the default browser controls. But that would require a bit more work than just a couple CSS styles.