首页 文章

如何隐藏video.js播放器

提问于
浏览 次
1

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

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

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

谢谢 .

hide video.js

1 回答

  • 4

    您可以使用此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/

    回复于

相关问题