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

Question

我有一个默认隐藏的 wistia 视频和一个显示视频的自定义播放按钮。单击该按钮时，我不仅希望视频出现并开始播放，而且希望它直接进入全屏模式。查看他们的 JavaScript API，我没有看到将其置于全屏模式的选项。我所看到的只是一个允许它全屏显示的选项。有没有办法实现这一点，或者用户是否必须实际点击视频播放器中的全屏按钮才能实现？

Answer 1

将wistia视频设置为播放模式后，您可以直接寻找video标签。在他们的文档中没有其他解决方案。看一看:

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