Archived topic
Remove play button overlay on embeded video
10 replies · Started by sandi on March 31, 2022
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
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;
}
i posted an image of code
perfect thank you
No problem :)