Site logo

Archived topic

Remove play button overlay on embeded video

10 replies · Started by sandi on March 31, 2022

Viewing posts 1–11 of 11

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

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?

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.

`[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]

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

[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]

Try add this CSS:

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

perfect thank you

No problem :)

This archived topic is closed to new replies.