WistiaビデオをJavaScript/JQueryでフルスクリーンで再生

Question

私はデフォルトで隠されたwistiaビデオとビデオを表示するカスタム再生ボタンを持っています。そのボタンをクリックすると、ビデオを表示して再生したいだけでなく、フルスクリーンモードに直接移行したいと思う。 JavaScript APIを見ると、フルスクリーンモードにするオプションはありません。私が見ているのは、それをフルスクリーンにするオプションです。これを達成する方法はありますか、またはこれを行うにはビデオプレーヤーのフルスクリーンボタンを実際にクリックする必要がありますか？

Answer 1

ウィスティアのビデオが再生モードに設定された後で、ビデオタグを探すことができます。彼らの文書ではこれのための別の解決策はありません。

// 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(); 
 
    } 
 
});

： を見てみましょう