Hello,
On the page https://vietnamazing.eu/be-part-of-it/ a video is shown in mobile phone portrait format, which unfortunately shows the video control. The customer doesn’t want that because it’s half hidden in the design and looks wrong. I clicked on “Hide Video Controls, Check if you want to hide the controls (works for youtube and self hosted videos)”. The video is self-hosted.
An alternative would be the “Fullwidth Easy Slider”, but it doesn’t play on the cell phone. Therefore it doesn’t help. It works up to iPad size, but unfortunately not on smartphones.
My question: is there another way to show a video in mobile phone portrait format without any controls being visible?
Best regards,
Martin
Hey Martin,
When I check the height of the video seems to be the same as the video, you can remove the controls with this css:
@media only screen and (max-width: 500px) {
#top.page-id-3912 #av-layout-grid-1 .mejs-controls {
display: none;
}
}
Or you can use the LayerSlider it will play videos on mobile, just set your canvas size to something like 425px wide so it will be the size of your mobile device.
Best regards,
Mike
Hi Mike, it works, you’re great!
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike