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