Hide Play panel

How to hide this control panel? I know it can hide it but once I hide it (see picture 1), I cant play the video on the publish website. And also it will be good we can see a big “Play” button to let people click to play video. (see picture 2)

Picture 1

Picture 2

Can we make it round corner? (see picture 2)

Please advice.

Hey, here’s a video tutorial, since it’s not that easy to explain it only with text.

Video to learn positioning:

Here’s JS I used in video:

$(document).on('click','.my-custom-video .play',function(){
    $(this).parent().find("video").get(0).play();
    $(this).parent().find("video").attr("controls", "true");
    $(this).parent().find("img").fadeOut();
    $(this).hide();
});
1 Like