在html 5中保持全屏

时间:2017-01-20 17:53:13

标签: javascript html5 video

我想进行在线实验,我会在全屏显示非常短的视频(500毫秒,~50Kb)。然后通过要求观察者点击2个按钮中的1个来收集答案,然后播放下一个视频(总共50-100个视频)。所以我知道我可以通过要求参与者提出请求来全屏显示HTML5中的视频(据我所知,我无法自动执行此操作)。然而,对我来说重要的是,实验在整个持续时间(5-10分钟)内保持全屏,包括在不是视频的响应部分,而是在其上有2个按钮的简单html页面。我不希望参与者必须在每个视频上请求全屏。原则上可行吗?我想我需要更改视频和响应屏幕之间的页面,刷新是否会使窗口闪烁?理想情况下,参与者不会注意到这一点。最后,有没有办法确保参与者保持全屏(是否有元数据告诉我他们是否退出全屏模式)?

非常感谢。

巴普蒂斯特

1 个答案:

答案 0 :(得分:0)

你不能强迫它,Chrome全屏API禁止它,这意味着,出于安全原因,在大多数现代浏览器中,它必须在用户交互式事件触发的上下文中执行,而不是在条款上执行该文件。

随意浏览Chrome Fullscreen API页面,或标题为How to Open a Web Page Automatically in Full Screen Mode的Stack Overflow上的其他答案。