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