Skip to content

[Feature] 隐藏视频底部工具栏视频全屏优化 #107

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
2 tasks done
luoonion opened this issue May 21, 2025 · 3 comments
Open
2 tasks done

[Feature] 隐藏视频底部工具栏视频全屏优化 #107

luoonion opened this issue May 21, 2025 · 3 comments
Labels
不会修复/处理 这将不会被处理

Comments

@luoonion
Copy link

先决条件

  • 本issue已加上标题
  • 我已经在这里找过我要提出的建议,并且没有找到相关问题

脚本名称

抖音优化

描述 & 解决方案

目前隐藏视频底部工具栏只有彻底隐藏和自适应两种,彻底隐藏的话有时候观看一些长视频因为没有工具栏不能拖动,也无法知道视频长度和剩余时长,自适应隐藏鼠标移入虽然可以显示工具栏,但是视频网页全屏的时候还是有黑边。能否将那个自动隐藏工具栏的功能做成隐藏的时候视频是能填充满个整屏幕的

Image

Image

@WhiteSevs
Copy link
Owner

自行用Stylus扩展添加css,视频填充比例直接失衡,太影响观感了,不会考虑加

.xg-video-container video{
    object-fit: fill;
}

@WhiteSevs WhiteSevs added the 不会修复/处理 这将不会被处理 label May 21, 2025
@luoonion
Copy link
Author

可能我没表述清楚,我的意思是在使用自动隐藏底部工具栏的情况下,横版宽屏视频全屏会存在左右下有空白区域的问题(如图1),但是如果是沉浸模式/屏蔽底部工具栏模式,横版宽屏视频全屏的时候就不会有空白区域,而且视频是按照原视频比例填充满屏幕,并不会强行拉伸导致视频比例失调。但是沉浸模式/屏蔽底部工具栏这个功能会导致工具栏彻底消失,所以我是想要视频既能等比例填充满屏幕,工具栏又能随鼠标隐藏浮出。不过还是感谢你提供了另外一种思路,我使用stylus解决了这个问题,不知道后期您能否考虑加上这个功能
原来的效果:
Image
优化后的效果:
Image
优化后并不会导致视频比例失调,对于非16:9的视频只是等比例放大,比例不会失衡

Image

@luoonion
Copy link
Author

在手机竖屏和4:3视频的显示效果如下
Image

Image

Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
不会修复/处理 这将不会被处理
Projects
None yet
Development

No branches or pull requests

2 participants