How to show control panel of video tag when click video

I hid control panel of video on mobile using this "video::-webkit-media-controls-panel{display:none}" in responsive.css because it occupy the height of video. But I want to show the control panel when user click the video screen. How can I make it? Any help would be appreciated. than you

$(document).ready(function () {

var video = document.getElementById('video');
video.addEventListener('click',function(){
   $(#video).css(video::-webkit-media-controls-panel) ;
},false);