전체 화면 옵션을 사용/사용 중지 함 video.js HTML5

Question

Wordpress의 내 게시물 태그 HTML에서 한 동영상의 전체 화면 옵션을 사용/사용 중지하려면 어떻게해야하나요? 나는 Video.js을 사용하고 있습니다.

나는 영원히 그것을 만들고 싶지 않다. 언제든지 내가 원하는 비디오와 그렇지 않은 비디오를 결정한다. 나는 AllowFullScreen="true/false"을 시도했지만 작동하지 않습니다.

Answer 1

FullscreenToggle이라는 하위 구성 요소를 얻는 것은 video.js 설명서를 통해 살펴볼 수 있습니다. 작동하지 않았다 .disable() 및 .disposed()를 호출, 그러나

videojs("lodestar_video").ready(function(){ 
    myPlayer = this; 
}); 

및 undefined을 반환 : 나를 위해, 단지 myPlayer.children()[5].children()[7]는 myPlayer 여기에 정의 된 트릭을했다.

나에게 효과가 있었던 것은 CSS 솔루션이었습니다. display:none을 사용하지 않은 것으로 확인한 다음 볼륨 컨트롤이 제자리에 놓이지 않도록 적절한 여백을 설정해야합니다. 전체 화면 버튼이 여전히 표시되지 만들고 로딩되므로

.vjs-fullscreen-control { 
    display: none; 
} 

.vjs-default-skin .vjs-volume-control { 
    margin-right: 20px; 
} 

이것의 단점은 작은 오버 헤드이다, 그러나 이것은 전체 동영상 로딩 빛 거의 무시 될 것이다. 아래

.vjs-nofull .vjs-fullscreen-control { display:none; } 에

<video class="video-js vjs-default-skin vjs-nofull" ....></video>

와 같은 비디오에

Answer 2

이 추가 클래스는 비디오 JS (6.xx의) 또한 전체 화면 버튼의 비활성화 지원의

Answer 3

현재 버전을 작동 희망 fullscreenToggle 옵션으로 당신은 단순히 같은 플레이어의 초기화 중에 설정할 수 있습니다

videojs("my-video", { 
    controlBar: { 
     fullscreenToggle: false 
    } 
}); 

는 그러나, 나는 당신이 모바일 장치에 손 제스처로 전체 화면을 입력 할 수없는 것을 의미 나던 것을 관찰했다. (예를 들어, iPad에서 핀치를 뒤집어 두 손가락을 화면에 대고 따로 따로 움직여서). 그게 또 다른 이야기 야 - fullscreenchange 이벤트를 청취하고 플레이어의 isFullscreen() 상태를 확인하여 (전체 화면 이벤트가 트리거되지만 전체 화면이 닫히는 경우에도 트리거 됨) 처리합니다. 전체 화면에있는 경우 exitFullscreen() 함수를 호출하면됩니다. 다만이 같은 :

videojs("my-video",{controlBar: {fullscreenToggle: false}}).ready(function(){ 
    myPlayer = this; 
    myPlayer.on("fullscreenchange", function(){ 
     if(myPlayer.isFullscreen()){ 
      myPlayer.exitFullscreen(); 
     } 
    }); 
});