javascript - 是否可以在 Vimeo Player (Froogaloop) 中打开和关闭视频全屏?

标签 javascript fullscreen vimeo froogaloop

我正在使用 Vimeo API 并且 我需要在播放器“完成”事件后关闭全屏 视频模式。我知道如何捕捉“完成”,但是否可以从全屏切换?

这里是 froogaloop 播放器示例的链接 - jsfiddle.net/bdougherty/HfwWY/light/

最佳答案

找到答案 - https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

跨浏览器解决方案

function toggleFullScreen() {
  if (!document.fullscreenElement &&    // alternative standard method
      !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement ) {  // current working methods
    if (document.documentElement.requestFullscreen) {
      document.documentElement.requestFullscreen();
    } else if (document.documentElement.msRequestFullscreen) {
      document.documentElement.msRequestFullscreen();
    } else if (document.documentElement.mozRequestFullScreen) {
      document.documentElement.mozRequestFullScreen();
    } else if (document.documentElement.webkitRequestFullscreen) {
      document.documentElement.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    }
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    }
  }
}

关于javascript - 是否可以在 Vimeo Player (Froogaloop) 中打开和关闭视频全屏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23779196/

相关文章:

javascript - 启用/禁用全屏选项 video.js HTML5

javascript - 应用程序试图调用已销毁的 WebView - cordova (Android)

javascript - 为什么从数据列表中选择一个项目时,值末尾的空格会消失?

全屏 Java Fx 整个应用程序

ios - 如何使用 UIWebView 强制 Vimeo 播放器内嵌播放?

javascript - 正则表达式从 youtube/vimeo url 中提取域和视频 ID

ios - 通过 API 对 vimeo 进行身份验证

javascript - 如何将 jquery 日期选择器调用/绑定(bind)到标签或 div 而不是输入字段

javascript - 向 JSON 对象添加新的数组元素

c# - 我的 C# 应用程序出现全屏错误