TamperMonkeyScript icon indicating copy to clipboard operation
TamperMonkeyScript copied to clipboard

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

Open luoonion opened this issue 6 months ago • 3 comments

先决条件

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

脚本名称

抖音优化

描述 & 解决方案

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

Image

Image

luoonion avatar May 21 '25 05:05 luoonion

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

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

WhiteSevs avatar May 21 '25 13:05 WhiteSevs

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

Image

luoonion avatar May 22 '25 06:05 luoonion

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

Image

Image

luoonion avatar May 22 '25 07:05 luoonion

不是已经有这功能了吗,移除video的bottom偏移

WhiteSevs avatar May 23 '25 01:05 WhiteSevs

不好意思,之前一直没留意到这个功能

luoonion avatar May 23 '25 05:05 luoonion