如何实现油管网页自动全屏

cauchy

看了教程和一些资料，发现跟油管的网页代码不一样，难以复刻。

思路一：document.querySelector("ytp-fullscreen-button ytp-button").click();

思路二：通过事件侦听器找到事件，然后直接执行

思路三：目前油管有全屏快捷键F，待网页加载完成后模拟键盘按下一次F

Hangover

video.requestFullscreen(); 这好像就行，哥哥可以试试

李恒道

Hangover 发表于 2022-1-17 18:42
video.requestFullscreen(); 这好像就行，哥哥可以试试

好像确实是这个

李恒道

Hangover 发表于 2022-1-17 18:42
video.requestFullscreen(); 这好像就行，哥哥可以试试

哥哥越来越强了

cxxjackie

由于浏览器安全策略，全屏事件无法由js主动触发。尽管存在requestFullscreen这样的API，但它必须由用户行为触发，比如放在一个click事件里让用户点击，直接在脚本里调用会报错（控制台可以调用，这是例外）。这种设计的原因很简单，如果网页可以随便全屏，那就很容易出现手机上那种关不掉的全屏广告。要做全屏可以换个思路，通过css修改视频的宽高，实现类似一些直播网站的“网页全屏”效果即可。

Hangover

李恒道 发表于 2022-1-17 19:34
哥哥越来越强了

我之前模仿winbox写的一个拟态框，要用到

cauchy

Hangover 发表于 2022-1-17 18:42
video.requestFullscreen(); 这好像就行，哥哥可以试试

是直接在油猴里粘贴这段代码吗？

cauchy

cxxjackie 发表于 2022-1-17 19:41
由于浏览器安全策略，全屏事件无法由js主动触发。尽管存在requestFullscreen这样的API，但它必须由用户行为 ...

那有没有可能模拟键盘按下F呢

Hangover

cauchy 发表于 2022-1-17 21:19
是直接在油猴里粘贴这段代码吗？

最简单的方法不就是找到视频全屏的按钮模拟点击吗 还不需要考虑兼容问题

cxxjackie

cauchy 发表于 2022-1-17 21:20
那有没有可能模拟键盘按下F呢

不行的，不管是click还是模拟按键，都不算用户行为，你试一下就知道了，看看控制台的错误信息。