Greasy Fork is available in English.

Tabview Youtube

Make comments and lists into tabs for YouTube Videos

< Feedback on Tabview Youtube

Review: قالتىس - قوليازما ئىشلەيدۇ

§
يوللانغان ۋاقتى: 2022-12-28

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


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

§
يوللانغان ۋاقتى: 2022-12-28

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

§
يوللانغان ۋاقتى: 2022-12-28

了解!我會看情況同開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時標題那邊,下面的按讚會被擋住看不到,臨時用這個+全螢幕才比較方便看到,但是這個下面版面被切掉


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

§
يوللانغان ۋاقتى: 2022-12-28

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

§
يوللانغان ۋاقتى: 2022-12-29

腳本
YouTube Live Filled Up View
Tabview Youtube

stylus的
YouTube Live Chat Tweaks

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

§
يوللانغان ۋاقتى: 2022-12-29
تەھرىرلەنگەن ۋاقتى: 2022-12-29

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

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

§
يوللانغان ۋاقتى: 2022-12-29

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

§
يوللانغان ۋاقتى: 2022-12-29
تەھرىرلەنگەن ۋاقتى: 2022-12-29

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

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

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

§
يوللانغان ۋاقتى: 2022-12-29

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



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

§
يوللانغان ۋاقتى: 2022-12-29
تەھرىرلەنگەن ۋاقتى: 2022-12-29

用這個組合的話,可以把 #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

§
يوللانغان ۋاقتى: 2022-12-29

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

§
يوللانغان ۋاقتى: 2022-12-29

用這個組合的話,可以把 #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
的最後面貼上,沒反應呢
真不好意思,讓你幫忙但我還搞不清楚

§
يوللانغان ۋاقتى: 2022-12-29

剛剛試了


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

才對

§
يوللانغان ۋاقتى: 2022-12-29

用這個組合的話,可以把 #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
的最後面貼上,沒反應呢
真不好意思,讓你幫忙但我還搞不清楚

§
يوللانغان ۋاقتى: 2022-12-29
تەھرىرلەنگەن ۋاقتى: 2022-12-29

謝謝,這段可以左右移動,不過在我這蠻神奇的
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

§
يوللانغان ۋاقتى: 2022-12-29

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

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

§
يوللانغان ۋاقتى: 2022-12-29

感謝你!!
馬上測試看看

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

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

§
يوللانغان ۋاقتى: 2022-12-29

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);

§
يوللانغان ۋاقتى: 2022-12-29

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

§
يوللانغان ۋاقتى: 2022-12-29

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

§
يوللانغان ۋاقتى: 2022-12-30

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

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

§
يوللانغان ۋاقتى: 2022-12-30

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

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

§
يوللانغان ۋاقتى: 2022-12-30

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

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

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

§
يوللانغان ۋاقتى: 2022-12-31

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

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

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

§
يوللانغان ۋاقتى: 2022-12-31

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

§
يوللانغان ۋاقتى: 2023-01-01

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

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

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




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

§
يوللانغان ۋاقتى: 2023-01-01

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

§
يوللانغان ۋاقتى: 2023-01-01

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

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

§
يوللانغان ۋاقتى: 2023-01-01

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

§
يوللانغان ۋاقتى: 2023-01-01

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





有把這個設定好嗎??

§
يوللانغان ۋاقتى: 2023-01-01

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





有把這個設定好嗎??



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

§
يوللانغان ۋاقتى: 2023-01-01

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

新年快乐。

§
يوللانغان ۋاقتى: 2023-01-01

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

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




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

§
يوللانغان ۋاقتى: 2023-01-01

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

جاۋاب قايتۇرۇش

جاۋاب قايتۇرۇش ئۈچۈن كىرىش.