点击视频时如何显示视频标签的控制面板 [英] 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

我尝试过：

What I have tried:

$(document).ready(function () {

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

推荐答案

（document）.ready（function（）{

var video = document.getElementById（'video'）;
video。 addEventListener（'click'，function（）{

(document).ready(function () { var video = document.getElementById('video'); video.addEventListener('click',function(){

（＃video）.css（video :: - webkit-media-controls-panel）;
}，false）;

(#video).css(video::-webkit-media-controls-panel) ; },false);

更正

correction

这篇关于点击视频时如何显示视频标签的控制面板的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！