【问题标题】:Fullscreen video in the Chrome webviewChrome 网络视图中的全屏视频
【发布时间】:2014-03-04 09:16:25
【问题描述】:

我在 Google Chrome 扩展程序中的 webview 标签有问题。当我在 youtube 上打开一些视频并按下“全屏”按钮时,它的行为会有所不同,具体取决于视频类型。

  1. 如果视频显示使用视频标签 (<webview src="http://www.youtube.com/watch?v=zk0TpSX0tKE"></webview>),它会完整打开视频 webview 和 markdown 中断。
  2. 如果视频使用 Flash 播放器显示 (<webview src="http://www.youtube.com/watch?v=1Vcgdl4xQ18"></webview>),它在 全屏,运行良好。

有没有什么方法可以让视频标签全屏功能像 Flash 播放器一样工作?

【问题讨论】:

    标签: flash google-chrome google-chrome-extension webview html5-video


    【解决方案1】:

    我知道这是旧的,但如果对其他人有任何帮助: 由于 HTML5 视频在 webview 中全屏显示,因此可以将 webview 的宽度和高度设置为屏幕宽度和高度,以便视频填满整个屏幕。这可以这样做:

    document.addEventListener('webkitfullscreenchange', function(){
      if (chrome.app.window.current().isFullscreen()){
        webview.style.height = screen.height + 'px';
        webview.style.width = screen.width + 'px';
      }
      else{
        /*get webview to original dimensions*/
      };
    });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2012-10-13
      • 2014-04-26
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-05-07
      • 1970-01-01
      • 2019-03-14
      相关资源
      最近更新 更多