V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
gam2046
V2EX  ›  编程

如何用 Chrome 扩展实现网页内 video 标签全屏显示?

  •  
  •   gam2046 · 2015-11-26 16:13:40 +08:00 · 3347 次点击
    这是一个创建于 3277 天前的主题,其中的信息可能已经有所发展或是发生改变。

    出于个人需求,我自己动手做了一个 Chrome 扩展,其中有一个功能是要求在无用户干预下,将页面中的 video 标签进行全屏显示。于是,我在 content script 中采用这样的代码:
    element.webkitRequestFullscreen();
    但是浏览器提示:
    Failed to execute 'requestFullScreen' on 'Element': API can only be initiated by a user gesture.
    浏览器出于安全考虑,禁止在没有用户交互的情况下,将元素进行全屏显示。但是我的扩展只有我自己用,我翻阅了一些 chrome 相关的设置,也没有相关的设置可以把这个限制去掉。

    请教各位有没有什么办法可以实现在无用户交互的情况下,将 video 标签进行全屏显示?(其中系统运行环境, Chrome 环境、目标网页、扩展程序均可控,都是我自己写的)

    xtao
        1
    xtao  
       2015-11-26 16:15:04 +08:00 via Android
    Slienc7
        2
    Slienc7  
       2015-11-26 17:23:51 +08:00
    gam2046
        3
    gam2046  
    OP
       2015-11-26 21:01:17 +08:00
    由于目前没有找到比较优雅的办法,暂时我的方法是直接修改了 chrome 的相关文件( chrome_child.dll ),将条件判断直接跳过了。如果各位有更好办法,希望可以告知于我。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2560 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 01:21 · PVG 09:21 · LAX 17:21 · JFK 20:21
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.