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

2015-11-26 16:13:40 +08:00
 gam2046

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

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

3264 次点击
所在节点    编程
3 条回复
xtao
2015-11-26 16:15:04 +08:00
Slienc7
2015-11-26 17:23:51 +08:00
gam2046
2015-11-26 21:01:17 +08:00
由于目前没有找到比较优雅的办法,暂时我的方法是直接修改了 chrome 的相关文件( chrome_child.dll ),将条件判断直接跳过了。如果各位有更好办法,希望可以告知于我。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/239139

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX