Wistia Video im Vollbildmodus mit JavaScript/JQuery abspielen

Question

Ich habe ein Wistia-Video standardmäßig ausgeblendet und eine benutzerdefinierte Play-Taste, die das Video erscheint. Wenn Sie auf diese Schaltfläche klicken, möchte ich nicht nur, dass das Video angezeigt wird und mit der Wiedergabe beginnt, sondern auch direkt in den Vollbildmodus wechseln. Wenn ich mir ihre JavaScript-API anschaue, sehe ich keine Möglichkeit, sie in den Vollbildmodus zu versetzen. Alles, was ich sehe, ist eine Option, um es im Vollbildmodus zu ermöglichen. Gibt es eine Möglichkeit, dies zu erreichen, oder muss der Benutzer tatsächlich auf den Vollbild-Button im Videoplayer klicken, damit dies geschieht?

Answer 1

Sie können einfach nach Video-Tag suchen, nachdem Wistia-Video in den Wiedergabemodus eingestellt ist. In ihren Unterlagen gibt es keine andere Lösung dafür. Werfen Sie einen Blick:

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