기본적으로 숨겨진 wistia 비디오와 비디오를 표시하는 사용자 지정 재생 버튼이 있습니다. 해당 버튼을 클릭하면 비디오가 나타나서 재생되기를 원할뿐만 아니라 전체 화면 모드로 바로 전환되기를 원합니다. JavaScript API를 살펴보면 전체 화면 모드로 전환하는 옵션이 표시되지 않습니다. 내가보기에 전체 화면으로 표시하는 옵션이 있습니다. 이를 수행 할 수있는 방법이 있습니까? 아니면 사용자가 동영상 플레이어의 전체 화면 버튼을 실제로 클릭해야합니까?Wistia 비디오를 JavaScript/JQuery로 전체 화면으로 재생
wistia 비디오가 재생 모드로 설정된 후에 비디오 태그를 찾을 수 있습니다. 자신의 문서에 이것에 대한 또 다른 해결책이 없습니다.
// get wistia video object through their api
var wistiaVideo = Wistia.api('your video id');
$('#your-custom-play-button').on('click', function() {
wistiaVideo.play();
// now just look for video tag inside wistia video container
var video = $('.your-video-container').find('video')[0];
// check whether your browser has ability to run it in fullscreen mode
if (video.requestFullscreen) {
video.requestFullscreen();
} else if (video.mozRequestFullScreen) {
video.mozRequestFullScreen();
} else if (video.webkitRequestFullscreen) {
video.webkitRequestFullscreen();
} else if (video.webkitEnterFullscreen) {
video.webkitEnterFullscreen();
}
});