비 압축 (dev) 버전의 videojs를 사용하는 경우 ctangney의 대답은 압축 된 후에 lockShowing 메서드의 이름이 바뀌었기 때문에 (즉, 해당 문제에 대해서는 player()이기 때문에 작동합니다. 잘하면 issue 556에 대한 그의 병합 요청이 곧 승인 될 것입니다.
pause()에서 lockShowing을 호출하면 vjs-lock-showing
클래스가 css : display: block !important
인 controls 요소에 추가됩니다. 이로 인해 disable() 메소드에 의해 추가 된 display:none
의 인라인 스타일이 트럼프되었습니다. 여기에 CSS 특이성 문제를 해결하는 해결하고, 압축 및 비 압축 videojs와 함께 작동 :
이
var v = videojs("video", {});
if(!v.controls()) {
v.controlBar.el().className = v.controlBar.el().className + ' vjs-controls-disabled';
}
그런 다음 CSS 파일 (들)의 하단에 추가 : (
.vjs-controls-disabled {display: none !important;}
당신 또는 !important
을 .vjs-lock-showing
에서 제거 할 수 있습니다.
이것은 매력처럼 작동했습니다. 감사합니다. 당신이 말했듯이, 가까운 미래에 언젠가 언젠가 병합 될 것입니다. – Phil