YouTube: Single Column Tamer

Re-adoption of Single Column Detection against video and browser sizes

< Commentaires sur YouTube: Single Column Tamer

Avis: Bon - le script fonctionne correctement

§
Posté le: 11/03/2024

之前有安裝過,當時沒有看到變化,不清楚效果

剛再次安裝,發現可以讓縱式直播聊天室顯示在旁邊,經過測試後,還要同時有以下條件

前提Stylus的css要執行
if scroll_hide{

::-webkit-scrollbar {
display:none!important;
}
}
然後
YouTube Video Resize Fix要安裝,否則會切掉畫面,如圖2

蠻好玩的,感覺這樣看挺舒服的,雖然不知道以後改版會不會失效,我暫時可以這樣看~
PS.測試螢幕直向AOC 2276W _1080*1920

§
Posté le: 11/03/2024
Édité le: 11/03/2024

這個是在縦向配信之前做的。

縦向配信出來之後有測試過沒問題

  1. 瀏覽器的高(CH)和闊(CW)
  2. 如果 CH > CW,就會進行下面3~5的計算。
  3. 找出RVH=按照CW和影片長闊比計算出影片最大高度 (也就是把影片按長闊比拉到最闊的時候的影片高度)
  4. 如果CH扣除RVH,下面還有位置的話,就會檢查有沒有達到最小的下方位置大小 (預設是20% CH)
  5. 如果有這麼多的空位的話,就會改為單欄顯示
  6. 否則就是兩欄顯示

你的截圖的縦向配信中

經這個計算的話,下方沒有足夠位置,所以會維持兩個欄


你有使用Borderless,會把影片大小放大,所以要開YouTube Video Resize Fix

單純由單欄改雙欄或雙欄改單欄應該不用YouTube Video Resize Fix

§
Posté le: 12/03/2024
Édité le: 12/03/2024

有測試關掉Borderless,tabview,css發覺是要用userCSS編寫才能縦向配信,但有雙攔
YouTube Video Resize Fix沒裝就會切畫面,未知因素..

另外請教,如果用1/4大小,他的畫面判定會用單欄直式...
打開popup也會是單欄
我能讓他使用雙欄嗎?
如下圖,大概要拉這麼多寬度才能雙欄
(有測試關掉Borderless,或是調整YTMobile.­Chat ::Min.Height、BelowArea ::Minimum一樣狀況)

§
Posté le: 12/03/2024

補充,CSS隱藏了Y卷軸,在橫向螢幕27吋AOC,也能總是顯示雙欄,YA

§
Posté le: 12/03/2024
Édité le: 12/03/2024

YouTube Video Resize Fix 沒裝就會切畫面,未知因素

跟 YouTube Popup Window 有關

        *[class][id].style-scope.ytd-watch-flexy {
            min-width: unset !important;
            min-height: unset !important;
        }
        `

        * {
            min-width: unset !important;
            min-height: unset !important;
        }

你試試把裡面的這兩個CSS都刪掉 看看能不能順利用Popup相關的功能

你先把Popup關掉 再看看要不要隱藏 Y 卷軸

§
Posté le: 12/03/2024
Édité le: 12/03/2024

Popup的CSS兩個裡面都刪除了~都剩下
style.textContent = `

`
仍可以正常開啟popup,並無影響效果,仍然fix沒開就切畫面
有開啟cent和chrome安裝版測試(win10)
-----
Popup關掉了,只有開啟tab、FIX、POPUP、此腳本
仍要隱藏Y卷軸才能載入時改變雙欄,載入完後,隱藏Y的CSS開關都沒差了(載入完才開[隱藏Y卷軸]就不會變雙欄)

------
補充,兩個隱藏Y的CSS都放,就不用特地用[userCSS]
html {
scrollbar-color: auto !important;
scrollbar-width: auto !important;
}
::-webkit-scrollbar {
display:none!important;
}

§
Posté le: 12/03/2024
Édité le: 12/03/2024

橫向配信的話,目前就是左邊兩個拉寬,右邊的把聊天室分離放下面,折衷可以看連動3畫面+聊天室
(這個跟Single Column Tamer沒有關聯,關掉所有腳本,原來是原始狀態YT就判定為單欄)

§
Posté le: 12/03/2024
Édité le: 12/03/2024

補充測試圖
螢幕橫向VOC-279VXA、直向螢幕AOC-22吋
chrome下:
tabview+FIX+Single Column Tamer
Borderless+Y軸隱藏

縱向直播切掉畫面應該有改善的

其他問題看不太懂/我試不出來

試試換其他瀏覽器試一下?登出了/登入了也有影響

§
Posté le: 13/03/2024
Édité le: 13/03/2024

辛苦了,其實只要fix安裝後不會切掉就好了@@"

剛開機,測試縱向直播切掉畫面,改善了,沒有開fix,畫面顯示看起來也很完整
chrome登出和登入都正常了
非常感謝

至於橫向的單欄顯示,簡單說就是想問問看,黑色圖片3>>>能強制變成雙欄嗎,這樣子的。
這樣畫面就能大一些,聊天室也能多一些@@"

§
Posté le: 13/03/2024

補充測試圖片
資訊頁的AZKi縱向影片也OK了
橫向的,上下壓扁也不會變雙欄,必須要往右拉到一定程度才會變雙欄

補充測試圖片資訊頁的 AZKi 縱向影片也 OK 了橫向的,上下壓扁也不會變雙欄,必須要往右拉到一定程度才會變雙欄

這個是打開YouTube: Single Column Tamer才有的問題嗎 還是YouTube本身就是這樣?

如果打開YouTube: Single Column Tamer才有的話,應該重新整理頁面就解決?

因為本身的雙欄判斷是全基於視窗闊度

也就是不會因為你的視窗高度多少而改變

所以我不太明白你的這個問題,也試不出來

§
Posté le: 13/03/2024

YouTube本身就是這樣,這不是腳本問題,只是額外請教的。
因為想要4開視窗,但是顯示雙欄。
那就沒辦法了,放棄,不好意思讓你費心了。

縱向影片現在用得很順~感謝作者~

Poster une réponse

Connectez-vous pour poster une réponse.