如何隐藏video.js播放器

Question

我正在使用video.js播放器，我遇到了一些麻烦。

我想在点击按钮时隐藏播放器。目前，我只是通过修改CSS属性来隐藏视频对象（由其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/