動画再生時に保存ボタンを常時表示します。また、他のボタンで不要なものがあれば設定で非表示にできます。
YouTube 保存ボタンの救済 by hori68
Details
Authorhori68
LicenseCC-BY-4.0
CategoryYouTube
Created
Updated
Size5.7 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
利用頻度が高い再生リストに保存するボタンを常時表示にします。
「チャンネル登録」「メンバーになる」ボタンを非表示にします。そんなのはチャンネルページに飛んで実行すればいい話だし、そもそも滅多に押さないのに場所取りすぎでしょあれ。
共有やクリップなどのボタンの文字を非表示にし、図柄だけにして表示幅を節約し、チャンネル名が出来るだけ表示されるようにします。
ブラウザの横幅が狭い人向けのスタイルです。
横幅が広い人にはあまり恩恵がないでしょう。
共有、オフライン、Thanks、クリップ、購入はボタン丸ごと非表示にもできます。自身の利用スタイルで使わないものがある場合、それを非表示にしてしまえば、一層表示がすっきりしますし、チャンネル名表示エリアがより広くなります。ただしこの部分は、日本語、英語以外の言語を使ってる場合はうまく機能しません。
Source code
/* ==UserStyle==
@name YouTube 保存ボタンの救済
@namespace userstyles.world/user/hori68
@version 1.2
@description 動画再生時に保存ボタンを常時表示します。また、他のボタンで不要なものがあれば設定で非表示にできます。
@author hori68
@license CC-BY-4.0
@preprocessor stylus
@var select subsc "登録済み" ["ONS:表示小", "ON:表示", "OFF:非表示"]
@var select analytics "アナリティクス(自分の動画)" ["ON:表示", "OFF:非表示"]
@var select douga_edit "動画の編集(自分の動画)" ["ON:表示", "OFF:非表示"]
@var select share "共有" ["ON:表示", "OFF:非表示"]
@var select promotion "プロモーション(自分の動画)" ["ON:表示", "OFF:非表示"]
@var select download "オフライン" ["ON:表示", "OFF:非表示"]
@var select Thanks "Thanks" ["ON:表示", "OFF:非表示"]
@var select clip "クリップ" ["ON:表示", "OFF:非表示"]
@var select shop "購入" ["ON:表示", "OFF:非表示"]
==/UserStyle== */
@-moz-document domain("youtube.com") {
i = !important //
ytd-watch-metadata div#top-row div#owner{
div#upload-info {
margin-right: 12px i;
}
/* チャンネル登録ボタンを非表示にする */
ytd-subscribe-button-renderer button.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--filled{
display:none i;
}
/* メンバー登録ボタンを非表示にする */
div#sponsor-button{
display:none i;
}
/* 登録済み */
div#subscribe-button ytd-subscribe-button-renderer button.yt-spec-button-shape-next--mono.yt-spec-button-shape-next--tonal{
if subsc == "OFF"{
display:none i;
}else if subsc == "ONS"{
div.yt-spec-button-shape-next__icon{
margin-right: 0px i;
}
div.yt-spec-button-shape-next__button-text-content{
display:none i;
}
div.yt-spec-button-shape-next__secondary-icon{
margin-left: 0px i;
}
}
}
/* アナリティクス */
if analytics == "OFF"{
div#analytics-button{
display:none i;
}
}
/* 動画の編集 */
if douga_edit == "OFF"{
div#subscribe-button ytd-button-renderer{
display:none i;
}
}
/* チャンネル名より右の各種アイコンを優先とする */
min-width: 1px i;
flex: 0 1 auto i;
}
ytd-watch-metadata div#top-row div#actions{
/* アイコンの説明文字削除 */
.yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--icon-leading{
.yt-spec-button-shape-next__icon{
margin-right: -6px i;
}
.yt-spec-button-shape-next__button-text-content{
display:none i;
}
}
/* ただし高評価の文字、値のみは表示 */
like-button-view-model .yt-spec-button-shape-next--tonal.yt-spec-button-shape-next--icon-leading{
.yt-spec-button-shape-next__icon{
margin-right: 6px i;
}
.yt-spec-button-shape-next__button-text-content{
display:initial i;
}
}
/* ボタン間の間隔を一旦ゼロにして、後から表示するボタンだけ間隔確保する */
yt-button-view-model, ytd-button-renderer{
margin-left: initial i;
}
/* 共有 */
button[aria-label="共有"], button[aria-label="Share"]{
if share == "OFF"{
display:none i;
}else{
margin-left: 8px i;
}
}
/* プロモーション */
a[aria-label="プロモーション"], a[aria-label="Promote"]{
if promotion == "OFF"{
display:none i;
}else{
margin-left: 8px i;
}
}
/* オフライン */
ytd-download-button-renderer{
if download == "OFF"{
display:none i;
}else{
margin-left: 8px i;
}
}
/* Thanks */
button[aria-label="Thanks"]{
if Thanks == "OFF"{
display:none i;
}else{
margin-left: 8px i;
}
}
/* クリップ */
button[aria-label="クリップ"], button[aria-label="Clip"]{
if clip == "OFF"{
display:none i;
}else{
margin-left: 8px i;
}
}
/* 購入 LoFiライブでテストできる(誰得メモ) */
button[aria-label="購入"], button[aria-label="Shop"]{
if shop == "OFF"{
display:none i;
}else{
margin-left: 8px i;
}
}
/* 保存 */
button[aria-label="再生リストに保存"], button[aria-label="Save to playlist"]{
margin-left: 8px i;
}
/* チャンネル名より右の各種アイコンを優先とする */
min-width: 1px i;
flex: 1 0 auto i;
}
}