用JavaScript/JQuery全屏播放Wistia視頻

Question

我有一個默認情況下隱藏的wistia視頻和一個自定義播放按鈕，使視頻顯示。點擊該按鈕後，我不僅希望視頻出現並開始播放，但我希望它直接進入全屏模式。通過他們的JavaScript API瀏覽，我沒有看到一個選項將其放入全屏模式。我看到的只是一個讓它全屏顯示的選項。有沒有辦法做到這一點，或用戶是否必須實際點擊視頻播放器中的全屏按鈕纔會發生這種情況？

Answer 1

您可以在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(); 
 
    } 
 
});