コピペ: 横狭めの窓でニコニコのプレイヤーをlarge指定したときの表示を整える.user.js

プレイヤーの大きさをlargeにしたときに窓の幅が狭いと検索窓などが右の方に逃げるのを直すCSSを挿入するスクリプト。コメントリストが見切れるのは修正不能(あまり必要を感じない)。large指定じゃなくても幅が足りない場合は、トップバーとかも壊れるので対応なし。高画質対応のせいで最近字幕とかが小さい動画が増えたので作成。

形式
JavaScript
投稿日時
2018-07-17 06:10
公開期間
無期限
  1. // ==UserScript==
  2. // @name NiconicoFlexibleWatchPage
  3. // @version 1
  4. // @match http://www.nicovideo.jp/watch/*
  5. // @grant none
  6. // ==/UserScript==
  7. //large: 1238px
  8. (()=>{
  9. let csse = document.createElement("style");
  10. document.head.appendChild(csse);
  11. csse.sheet.insertRule(`
  12. body.is-large .WatchAppContainer-main{
  13. max-width: calc(100% - 24px);
  14. }
  15. `);
  16. csse.sheet.insertRule(`
  17. .MainContainer{
  18. overflow-x: auto;
  19. }
  20. `);
  21. csse.sheet.insertRule(`
  22. body.is-large .MainContainer .MainContainer-player{
  23. display: table-cell;
  24. width: calc(1238px - 384px);
  25. }
  26. `);
  27. csse.sheet.insertRule(`
  28. body.is-large .MainContainer .MainContainer-commentPanel{
  29. display: table-cell;
  30. position: relative;
  31. }
  32. `);
  33. csse.sheet.insertRule(`
  34. body.is-large .MainContainer .MainContainer-commentPanel > *{
  35. width: 384px;
  36. }
  37. `);
  38. })();
ダウンロード 印刷用表示

このコピペの URL

JavaScript での埋め込み

iframe での埋め込み

元のテキスト