adbird(広告鳥) 備忘録

スカパー!オンデマンドの再生画面をユーザースタイルシートでシンプルに(Vivaldi 編)

佐藤琢磨フル参戦中のインディカーレースを視聴するために購入しているスカパー!オンデマンドのインディカー・シリーズ PPV(ペイ・パー・ビュー) 全話パック(税抜 9,980円) 。

Firefoxではユーザースタイルを適用させて、スカパー!オンデマンドの視聴画面をシンプルなものにしているのだが、最近、ふたたびVivaldiブラウザを使うようになってきたので、同様のことをやってみた。

環境は以下の通り。

任意のフォルダ内で スカパー.css を作成

/*番組情報 非表示*/
.metadata-info-row{
display:none !important;
}
/*シークバー周囲余白*/
.progress-controls-row{
padding: 0.5em 0 1em 0 !important;
}
/*再生ボタン周り調整*/
.button-controls-row{
width:0 !important;
margin:0.5em 0 0.5em 0 !important;
left:43%;
}
.spod-miniplayer .bottom-controls, .spod-player .bottom-controls{
padding-top:0 !important;
}
.button-controls-row a img.ch-img{
display:none !important;
}
.player-control-spacer-element{
display:none !important;
}
.zapping-arrow.left{margin-top:-3.5em !important;}
.zapping-arrow.right{margin-top:-3.5em !important;}

スカパー.css を設定フォルダ内にコピーする

スカパー.cssの入っている任意のフォルダ内で、マウスの右クリックで「端末で開く」、以下を実行。

$ sudo cp スカパー.css /opt/vivaldi/resources/vivaldi/user_files

ページアクションでスカパー.cssを有効にする

Vivaldiブラウザを再起動させて、ページアクションでスカパー.cssを有効にする。

適用前 f:id:adbird:20190626121635p:plain

適用後 f:id:adbird:20190626121653p:plain

シンプルになった!

参考リンク