如何隐藏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/