hide - 如何隐藏 video.js 播放器

Question

我正在使用 video.js 播放器，但遇到了一些问题。

单击按钮时，我想隐藏播放器。目前，我只是通过修改CSS属性用JS隐藏视频对象（由其id标识），问题是控件栏保持可见，这是不正确的。

那么，单击按钮后，我该怎么做才能隐藏播放器（和控制栏）？

谢谢。

Answer 1

您可以使用此 css 隐藏控制栏

.vjs-control-bar { display:none!important; }

并单击按钮隐藏播放器

<input type="button" id="hidevideo" onclick="hideVideo();" value="hide video">

javascript代码

function hideVideo()
{
   var videoid =document.getElementsByClassName("vjs-control-bar");
   videoid[0].style.setProperty("display", "none", "important");
}

JSFiddle 上的代码

http://jsfiddle.net/wTeT9/1/