[Resolved] Remove play button overlay on embeded video

[sandi]

What code do i add to this line to remove the play button over lay in this embedded video?

<p style=”text-align: center;”>[video poster="https://....png" width="1280" height="720" mp4="https://.....mp4"][/video]</p>

also, what code could i add to move the play button to bottom half and change color to black?

thank you

Also, I am using Freelancer theme, what is the CSS script to use to do this for whole site.

Thank you

[sandi]

It took my code out i was looking for help with, i’ll try it this way
this top video, want to remove play button overlay and also can i move it down and change it’s color?

[Ying]

Hi Sandi,

You can enter the code then wrap it with the code tag, so we can see the entire code.
https://www.screencast.com/t/8oBqArh4l

But I don’t think we can do anything about the play button or the style of the video embed.

[sandi]

`[video poster="https://tims.com/wp-content/uploads/2022/03/start-page-connect-video2.png" width="1280" height="720" mp4="https://tims.com/wp-content/uploads/2022/03/10077 _TIMS_Connect_HD.mp4"][/video]
[video poster=][/video]

[sandi]

[video poster="https://---.png" width="1280" height="720" mp4="https://---.mp4"][/video]
[video poster=][/video]

[sandi]

[video poster="https://tims.com/wp-content/uploads/2022/03/start-page-connect-video2.png" width="1280" height="720" mp4="https://tims.com/wp-content/uploads/2022/03/10077 _TIMS_Connect_HD.mp4"][/video]
[video poster=][/video]

[sandi]

[Ying]

Try add this CSS:

.mejs-overlay-button {
    display: none;
}

[sandi]

https://tims.com/temp-page/

i posted an image of code

[sandi]

perfect thank you

[Ying]

No problem 🙂

[Author]

Posts