logo标签列表

使用JavaScript/JQuery在全屏模式下播放Wistia视频

javascriptjquerywistia
3
我有一个默认隐藏的wistia视频和一个自定义播放按钮，点击该按钮后，我不仅希望视频出现并开始播放，而且希望它直接进入全屏模式。浏览他们的JavaScript API，我没有看到将其置于全屏模式的选项。我只看到了允许它处于全屏模式的选项。是否有一种方法可以实现这一点，或者用户必须实际点击视频播放器中的全屏按钮才能发生这种情况？
1个回答
3

在设置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();
  }
});

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接