move play button in video block

hello,

i need to move the play button from the center of my video block.

i tried all the css in posts related to moving or removing the play button, but none of them worked for me.

i did try turning off the playback controls altogether in the video setting and then adding a play button to my cover image for the video. that worked and looked how i'd like it to--on the laptop. but when i clicked on the image on my cell phone the video didn't play.

i appreciate any advice!

Can you share your website URL and this page? Where do you want the play button?

thanks for responding! i'd like it in the upper left.

https://www.empathystories.org/connect

@Ziggy that worked, thanks! how do i change the opacity / color of the play button?

On 1/9/2024 at 4:20 AM, fc1 said:

that worked, thanks! how do i change the opacity / color of the play button?

You can use this CSS code

.video-player .plyr--full-ui.plyr--video .plyr__control--overlaid {
    background-color: #f1f !important;
    opacity: 0.5 !important;
}