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