내 전체 화면 버튼을 클릭하면 동영상이 원본 크기로 늘어나지 만 전체 화면에는 표시되지 않습니다. 그러나 나는 두 개 이상의 측면에서 검은 색 막대를 원하지 않는다. 그것을 설명 할 수있는 CSS 속성이 없습니다. 비디오 속성을 width: 100%;
및 height: 100%;
으로 설정하거나 자동으로 설정하면 도움이되지 않습니다. 전체 화면은 Firefox에서는 완벽하게 작동하지만 Chrome에서는 완벽하게 작동하지 않습니다. 이 코드를 사용하여 전체 화면 모드로 전환합니다.Chrome에서 전체 화면 모드가 작동하지 않습니다.
$('.fullscreen-btn').click(function() {
if (movie[0].requestFullscreen) {
movie[0].requestFullscreen();
} else if (movie[0].mozRequestFullScreen) {
movie[0].mozRequestFullScreen();
} else if (movie[0].webkitRequestFullscreen) {
movie[0].webkitRequestFullscreen();
}
...
});
그 문제를 해결하는 방법을 알고있는 사람이 있습니까?
가 당신을 도울 정말 작은 코드가있어 어떤 jFiddle있어이 질문의 답변에 감사? 페이지의 HTML? –
Thx와 죄송합니다. 그렇게 할 수 없습니다. 기본 컨트롤을 사용할 수 있으면 작동하는지 알았습니다. 하지만 내 자신의 컨트롤을 사용하고 싶습니다. 전체 화면 버튼 (비디오 크기에 맞게 조정), 작은 화면 버튼 (플레이어 크기에 맞게 조정) 및 전체 화면 버튼을 다시 클릭하면 전체 화면으로 조정됩니다. 이상합니다. 그러나 더 많은 문제가있는 것 같습니다. 때때로 비디오를 닫은 후 Chrome이 중단됩니다. – user2718671