Video Navigation covering bottom portion of video

[justjane]

I cannot figure out how to move the video navigation bar off the video. I would like it displayed just under the video.

I have included a screenshot and credentials in the secure note.

Thank you in advance, Jane

[prakash_s]

Hello @janequade,

Thanks for writing to us.

Do you want to hide the video controls from the video that you have added from the widgets? In case if you want to hide the video controls from the video then there is no option at the moment. You can achieve it through the custom CSS code. You need to add custom CSS code under X–>Theme Option–>CSS

.mejs-controls {
    display: none;
}

The output would be like this

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[justjane]

Thank you for the CSS.
I don’t want to hide the controls, I want to move the controls down so they don’t cover the video/image.

[christian]

Hey @janequade,

Sorry to be the one to say this but that is not possible without much custom coding which is beyond the scope of our theme support. Simply moving the controls would make it disappear as the video frame hides overflowing elements and that needs overriding as well so you have several elements to modify with code.

I recommend either hosting your videos on Youtube or Vimeo as their video controls look seamless or another option would be to reduce the opacity of your video controls.

Thank you for understanding.

[justjane]

Thank you Christian. I will take your recommendations under consideration.

Jane

[ruenel]

You are welcome, Jane.