cauchy 发表于 2022-1-17 17:34:33

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

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

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

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

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

Hangover 发表于 2022-1-17 18:42:48

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

李恒道 发表于 2022-1-17 19:34:48

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

好像确实是这个

李恒道 发表于 2022-1-17 19:34:56

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

哥哥越来越强了

cxxjackie 发表于 2022-1-17 19:41:55

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

Hangover 发表于 2022-1-17 19:50:09

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


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

cauchy 发表于 2022-1-17 21:19:52

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

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

cauchy 发表于 2022-1-17 21:20:14

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

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

Hangover 发表于 2022-1-17 21:58:45

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

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

cxxjackie 发表于 2022-1-17 22:34:45

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

不行的,不管是click还是模拟按键,都不算用户行为,你试一下就知道了,看看控制台的错误信息。
页: [1] 2
查看完整版本: 如何实现油管网页自动全屏