Greasy Fork is available in English.

Tabview Youtube

Сделайте описание, комментарии и список видео в виде вкладок для видео на YouTube

< Обсуждения Tabview Youtube

Отзыв: Хороший — скрипт работает как нужно

不好意思,請問有推薦的相容的stylus嗎?
https://userstyles.world/style/2625/kaiteki-youtube-chat
因為youtube的live chat字體很小,會找有調整版面、字體放大,高亮顯示的,但這個衝突,導致資訊、影片,只能往下面顯示,隱藏聊天室也沒法


https://userstyles.world/style/3515/youtube-live-chat-tweaks
這個倒是不衝突

最好在截圖上說明一下想怎麼改
我寫個相關的userstyle也可以

了解!我會看情況同開3個,所以CSS多少有點互相衝突

kaiteki-youtube-chat
高亮強調板手(管理)留言、(改了)字體16、縮緊留言分行距離、comnent欄大小可調、稍微上移版面增加聊天室長度

https://userstyles.world/style/3515/youtube-live-chat-tweaks
字體可調、個別留言會有灰色黑色的底可分明(Alternate Background
)

https://userstyles.world/style/1668/youtube-live-experience
可以把上面的搜尋框整個隱藏,讓畫面上移並放大(但下面會被切掉)
由於我第二螢幕是用電視40吋顯示的畫面,所以Tabs時標題那邊,下面的按讚會被擋住看不到,臨時用這個+全螢幕才比較方便看到,但是這個下面版面被切掉


希望說明不會太難懂,不好意思~"~

原本有使用YouTube Live Filled Up View來放大影片和聊天室
不過畢竟很久沒更新了
所以TAB一起用會導致邊界超過,所以後來就都在找userstyle這類的,好處是隨時開關CSS版面不用重新整理
https://i.imgur.com/iytBGO7.jpg

腳本
YouTube Live Filled Up View
Tabview Youtube

stylus的
YouTube Live Chat Tweaks

一起開大概是這樣
https://imgur.com/a/TAs5PBx
在主螢幕16:10很剛好
延伸螢幕19:9會出現往下卷軸(左右邊界稍微超出),下面標題需要用全螢幕才方便看到

§
Создано: 29.12.2022
Отредактировано: 29.12.2022

這腳本偵測到右側有被擋住就會這樣
你可以用stylus做其他調整使它不會被擋住,例如把影片畫面縮小,或把右側縮小
否則是正常的,不影響使用

預設是調好的
你用stylus做了其他改動就要相應改動,例如把標題改小

以我所知,現在的YouTube Live Filled Up View是有問題的

§
Создано: 29.12.2022
Отредактировано: 29.12.2022

是阿,所以我也放棄Up View了

比較不懂基礎語法
YouTube Live Chat Tweaks是沒看到有設定怎麼改
kaiteki-youtube-chat改%數,不會改變
max-width: 100% !important;
max-height: 100% !important;

所以才到處找人家的,直接改數字...

剛試過了。沒有問題
你的19:9螢幕的問題,我這邊很難處理
你自訂一些CSS把影片縮小或右側縮小



我這個Userscript沒有處理YouTube影片縮放的功能
YouTube本身長期有相關的問題,最近有改善過

§
Создано: 29.12.2022
Отредактировано: 29.12.2022

用這個組合的話,可以把 #secondary.ytd-watch-flexy 這個加 transform: translateX(-10px);
(不保證100%能用)


@media only screen and (max-width: XXXXpx) and (min-width: XXXXpx)  {
  #secondary.ytd-watch-flexy{
    transform: translateX(-XXpx);
  }
}

XXXX, XXX 自己改吧

意思是在XXXX px至XXXX px大小的瑩幕,把右邊推左XX px

了解,所以這個,我只臨時要放大才打勾
https://userstyles.world/style/1668/youtube-live-experience
平時用看直播用
YouTube Live Chat Tweaks
如果要點開資訊欄會先關掉Kaiteki YouTube Chat

用這個組合的話,可以把 #secondary.ytd-watch-flexy 這個加 transform: translateX(-10px);
(不保證100%能用)


@media only screen and (max-width: XXXXpx) and (min-width: XXXXpx)  {
  #secondary.ytd-watch-flexy{
    transform: translateX(-XXpx);
  }
}

XXXX, XXX 自己改吧

意思是在XXXX px至XXXX px大小的瑩幕,把右邊推左XX px

丟在YouTube Live Chat Tweaks或Kaiteki YouTube Chat
的最後面貼上,沒反應呢
真不好意思,讓你幫忙但我還搞不清楚

剛剛試了


@media only screen and (max-width: XXXXpx) and (min-width: XXXXpx)  {
  #secondary.ytd-watch-flexy{
     margin-left: -XXpx !important;
  }
}

才對

用這個組合的話,可以把 #secondary.ytd-watch-flexy 這個加 transform: translateX(-10px);
(不保證100%能用)


@media only screen and (max-width: XXXXpx) and (min-width: XXXXpx)  {
  #secondary.ytd-watch-flexy{
    transform: translateX(-XXpx);
  }
}

XXXX, XXX 自己改吧

意思是在XXXX px至XXXX px大小的瑩幕,把右邊推左XX px

丟在YouTube Live Chat Tweaks或Kaiteki YouTube Chat
的最後面貼上,沒反應呢
真不好意思,讓你幫忙但我還搞不清楚

§
Создано: 29.12.2022
Отредактировано: 29.12.2022

謝謝,這段可以左右移動,不過在我這蠻神奇的
Chrome 目前是最新版本
版本 108.0.5359.125 (正式版本) (64 位元)
CHAT會左移,影片也會同時右移導致被覆蓋(似乎是會蓋到標題框導致)

@media only screen and (max-width: 2000px) and (min-width: 1200px) {
#secondary.ytd-watch-flexy{
margin-left: -200px !important;
不強求影片放大,剛試著把延伸螢幕的解析度調小,算可以顯示完整標題了

目前就先用這個了YouTube Live Chat Tweaks
比較相容您的Tabview

https://greasyfork.org/en/scripts/457317-youtube-live-borderless

剛寫的,只針對Chrome之類的新型瀏覽器
試一下,有類似YouTube Live Filled Up View的效果

感謝你!!
馬上測試看看

剛一直在測試Kaiteki YouTube Chat,發現是這串導致點TAB"資訊",無法正確顯示,只會往下延伸
100vh造成,如果直接使用px不通用
可惜不能使用腳本的...window.innerHeight

// チャット欄を画面一番下まで伸ばす
ytd-live-chat-frame#chat {
/* 画面 */
height: calc(100vh - 100px) !important;

https://greasyfork.org/en/scripts/457317-youtube-live-borderless

剛寫的,只針對Chrome之類的新型瀏覽器
試一下,有類似YouTube Live Filled Up View的效果

只用userstyle可能會有問題
需要開YouTube Live Filled Up View,把裡面的
document.head.appendChild(style); 變成 // document.head.appendChild(style);

https://greasyfork.org/en/scripts/457317-youtube-live-borderless

剛寫的,只針對Chrome之類的新型瀏覽器
試一下,有類似YouTube Live Filled Up View的效果

只用userstyle可能會有問題
需要開YouTube Live Filled Up View,把裡面的
document.head.appendChild(style); 變成 // document.head.appendChild(style);

再次感謝
測試只用userstyle的YouTube Live Borderless
和同時開YouTube Live Filled Up View(已修改)
目前看顯示都一樣,有問題會再回報
------
現在雙開兩者,使用正常
YouTube Live Chat Tweaks
YouTube Live Borderless

可以停用 "YouTube Live Filled Up View(已修改)",改用這個
https://greasyfork.org/en/scripts/457319-youtube-video-resize-fix

安裝 YouTube Video Resize Fix v0.1.4 以上
YouTube Live BorderLess v0.1.10 以上

live chat內的沒有搞。live chat外的功能應該都有了。

感謝大半夜還在辛苦
YouTube Video Resize Fix應該是補釘的意思吧,雖然目前不清楚沒安裝的差別
YouTube Live BorderLess 功能新增了好幾個有趣的,感謝

測試後我就去那邊回報好了

感謝大半夜還在辛苦
YouTube Video Resize Fix應該是補釘的意思吧,雖然目前不清楚沒安裝的差別
YouTube Live BorderLess 功能新增了好幾個有趣的,感謝

測試後我就去那邊回報好了

YouTube Live Filled Up View 要做成Userscript而不是Userstyle就是因為有些地方必需要用js去處理
現在我把css的部份拆出來了,js的部份獨立成一個Userscript

因為跟BorderLess 都有相關聯,就直接在這回報了

Enhancer for YouTube迷你播放器功能裡面有個
往下滑動時啟動迷你播放器
有開Tabview時,迷你播放器畫面不會往下,只有進度條
只開BorderLess 影片會鎖定在最上方,可以往下把聊天室拉出來

單純回報,畢竟也很少人會這麼幹,可以略過
因為跨年~所以多重DD用縮小視窗,同時看chat@@"

謝謝一天寫了好幾個輔助youtube的腳本
好好休息跨年
祝新年快樂!!

因為跟BorderLess 都有相關聯,就直接在這回報了

Enhancer for YouTube迷你播放器功能裡面有個
往下滑動時啟動迷你播放器
有開Tabview時,迷你播放器畫面不會往下,只有進度條
只開BorderLess 影片會鎖定在最上方,可以往下把聊天室拉出來

單純回報,畢竟也很少人會這麼幹,可以略過
因為跨年~所以多重DD用縮小視窗,同時看chat@@"




更新至最新版,選項選 "YouTube Mobile"

好神奇!!
感謝,順利使用中

感谢,YouTube一系列脚本都很漂亮。但在Firefox108+stylus的环境下,每次进入YouTube直播, YouTube Live Borderless V0.2.1会无法正确加载,必须取消勾选一次再勾选才能正常使用。

我同时启用了这些脚本和css

示意图如下,一开始进入,取消再勾选后

示意图如下,一开始进入,取消再勾选后





有把這個設定好嗎??

示意图如下,一开始进入,取消再勾选后





有把這個設定好嗎??



有的,如果不设置这个哪怕再怎么取消再载入也没有效果。

在我的UngoogledChromium导入了完全一样的设置,效果很好,估计是Firefox的兼容性,或者我改的about:config之类的bug,也许更新下个版本就好了,我之前有个样式也是在Firefox104上失效,感谢你的脚本,我实在很喜欢。

新年快乐。

感谢,YouTube一系列脚本都很漂亮。但在Firefox108+stylus的环境下,每次进入YouTube直播, YouTube Live Borderless V0.2.1会无法正确加载,必须取消勾选一次再勾选才能正常使用。

我同时启用了这些脚本和css




不是因為脚本衝突,而是Firefox對:has(...)的支持不足。
我剛改了一下,Firefox應該大致也能使用。不過還是建議用 UngoogledChromium / Edge 來看YouTube

5分钟更新的新版本可以用了,感谢。

Ответить

Войдите, чтобы ответить.