1

video.js プレーヤーを使用していますが、問題が発生しています。

ボタンがクリックされたときにプレーヤーを非表示にしたいと思います。現在、CSS プロパティを変更することにより、JS でビデオ オブジェクト (ID で識別される) を非表示にするだけです。問題は、コントロール バーが表示されたままになることです。これは適切ではありません。

では、ボタンをクリックした後にプレーヤー (およびコントロール バー) を非表示にするにはどうすればよいでしょうか?

ありがとう。

4

1 に答える 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/

于 2013-07-08T10:48:06.613 に答える