上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
12下一页
返回列表 发新帖

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

[复制链接]

该用户从未签到

1

主题

6

帖子

9

积分

助理工程师

Rank: 1

积分
9
发表于 2022-1-17 17:34:33 | 显示全部楼层 | 阅读模式
16油猫币
看了教程和一些资料,发现跟油管的网页代码不一样,难以复刻。

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

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

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

  • TA的每日心情
    开心
    12 小时前
  • 签到天数: 77 天

    [LV.6]常住居民II

    41

    主题

    352

    帖子

    1208

    积分

    荣誉开发者

    累计点滴改进,迈向完美品质。

    Rank: 10Rank: 10Rank: 10

    积分
    1208

    活跃会员三好学生中秋纪念章国庆纪念章热心会员推广达人宣传达人突出贡献猫咪币纪念章

    发表于 2022-1-17 18:42:48 | 显示全部楼层
    video.requestFullscreen(); 这好像就行,哥哥可以试试
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2022-4-18 01:37
  • 签到天数: 30 天

    [LV.5]常住居民I

    299

    主题

    2565

    帖子

    2634

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    2634

    猫咪币纪念章

    发表于 2022-1-17 19:34:48 | 显示全部楼层
    Hangover 发表于 2022-1-17 18:42
    video.requestFullscreen(); 这好像就行,哥哥可以试试

    好像确实是这个
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2022-4-18 01:37
  • 签到天数: 30 天

    [LV.5]常住居民I

    299

    主题

    2565

    帖子

    2634

    积分

    荣誉开发者

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    2634

    猫咪币纪念章

    发表于 2022-1-17 19:34:56 | 显示全部楼层
    Hangover 发表于 2022-1-17 18:42
    video.requestFullscreen(); 这好像就行,哥哥可以试试

    哥哥越来越强了
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    10

    主题

    314

    帖子

    401

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    401

    活跃会员热心会员突出贡献三好学生猫咪币纪念章中秋纪念章国庆纪念章

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

    使用道具 举报

  • TA的每日心情
    开心
    12 小时前
  • 签到天数: 77 天

    [LV.6]常住居民II

    41

    主题

    352

    帖子

    1208

    积分

    荣誉开发者

    累计点滴改进,迈向完美品质。

    Rank: 10Rank: 10Rank: 10

    积分
    1208

    活跃会员三好学生中秋纪念章国庆纪念章热心会员推广达人宣传达人突出贡献猫咪币纪念章

    发表于 2022-1-17 19:50:09 | 显示全部楼层

    QQ图片20220117194751.png
    我之前模仿winbox写的一个拟态框,要用到
    回复

    使用道具 举报

    该用户从未签到

    1

    主题

    6

    帖子

    9

    积分

    助理工程师

    Rank: 1

    积分
    9
    发表于 2022-1-17 21:19:52 | 显示全部楼层
    Hangover 发表于 2022-1-17 18:42
    video.requestFullscreen(); 这好像就行,哥哥可以试试

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

    使用道具 举报

    该用户从未签到

    1

    主题

    6

    帖子

    9

    积分

    助理工程师

    Rank: 1

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

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

    使用道具 举报

  • TA的每日心情
    开心
    12 小时前
  • 签到天数: 77 天

    [LV.6]常住居民II

    41

    主题

    352

    帖子

    1208

    积分

    荣誉开发者

    累计点滴改进,迈向完美品质。

    Rank: 10Rank: 10Rank: 10

    积分
    1208

    活跃会员三好学生中秋纪念章国庆纪念章热心会员推广达人宣传达人突出贡献猫咪币纪念章

    发表于 2022-1-17 21:58:45 | 显示全部楼层
    cauchy 发表于 2022-1-17 21:19
    是直接在油猴里粘贴这段代码吗?

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

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    10

    主题

    314

    帖子

    401

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    401

    活跃会员热心会员突出贡献三好学生猫咪币纪念章中秋纪念章国庆纪念章

    发表于 2022-1-17 22:34:45 | 显示全部楼层
    cauchy 发表于 2022-1-17 21:20
    那有没有可能模拟键盘按下F呢

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

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表