How to disable and hide all controls on Wordpress 4.6.1 videos?
Following my actual code inside a WordPress page:
[video width=560 height=320 mp4=example.com/test.mp4 loop=true autoplay=true preload=auto][/video]
Hi you need to override the inline styles applied to .mejs-controls div for that video shortcode. You can:
.mejs-controls {
display: none !important;
visibility: hidden !important;
}These controls normally only show on hover unless you tell them to do otherwise. I would ask why you want to disable the controls, taking this ability away from the user can result in her being frustrated with this restriction.
I found a bit more information here on this post: https://wordpress.stackexchange.com/questions/130402/hide-default-video-shortcode-controls-on-pageload
