使用JavaScript / JQuery全屏播放Wistia视频

Question

我默认隐藏了一个视频，还有一个自定义播放按钮，可以显示视频。单击该按钮时，我不仅希望视频显示并开始播放，而且我希望它直接进入全屏模式。浏览他们的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();
  }
});