Greasy Fork镜像

4Kモニターでliveを見るときに助かっています！ありがとうございます。 勝手に以下の2点をカスタマイズして使っているので、あまりいいコードではないかもしれませんが、同じユーザーの助けになれば・・！ (更新されたら使えないかも)

• コメントなしに切り替えたり、通常の動画でも映像を最大化
  clearVideoStyle (114行目付近)

      //document.head.removeChild(elements.videoStyle); //元のコード  
      var chatspace = document.getElementById("chat");  
      chatspace.style.setProperty('height', 'auto', 'important');  
      chatspace.style.setProperty('min-height', 'auto', 'important');  
  

  observeChatFrameのobserve (186行目の下に追加)

      //下記を追加  
      var chatspace = document.getElementById("chat");  
      chatspace.style.removeProperty('height');  
      chatspace.style.removeProperty('min-height');  
  

• コメント欄サイズの調整

  • 小さい場合でも最低限のコメント欄の高さを確保 (min-heightを個人的な環境に合わせて60emに)
  • 表示に余裕がある場合はプレーヤーの50%を超えない(heightで画面サイズと同じになるようにしつつmax-heightで制限)
    

  (300～302行目)

    /* 元のコード
    height: calc(var(--${SCRIPTID}-video-height) + var(--${SCRIPTID}-info-height)) !important;
    min-height: auto !important;
    max-height: calc(100vh - var(--${SCRIPTID}-header-height)) !important;
    */
    height: calc(var(--${SCRIPTID}-video-height)) !important;
    min-height: 60em !important;
    max-height: calc((100vh - var(--${SCRIPTID}-header-height)) * 0.5) !important;