Skip to content

Tverのプレイヤーサイズを自由に設定 by watanuki-azuma

Write a review Install Get Stylus

Details

Authorwatanuki-azuma

LicenseCC0-1.0

Categorytver

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Tverのプレイヤーサイズが固定、もしくは全画面しかできないので無理やり変えられるようにしました。
おまけでサイドバーを消せるようにしています。
ちゃんと動かなかったらTwitter(@Quantzuma)までご連絡ください。

確認している動作環境
Firefox最新版 ublockあり

Notes

2022-04-17 1.0.3 ライブページに対応（サイドバーを消すは未対応）
2022-04-03 1.0.2 Tverの仕様変更に対応
1.0.1 公開

Source code

/* ==UserStyle==
@name           enlarge tver player
@namespace      tver.jp
@version        1.0.5
@description    enlarge video player
@author         Azuma
@preprocessor	stylus

@var select ExtendPlayerSize "プレイヤーサイズを選択"[
	"default",
	"HD",
	"WXGA",
	"HDPlus",
	"FHD",
	"Custom"
]

@var text CustomPlayerSize "[Custom選択時]カスタムプレイヤーサイズ値を入力（px）" 2560

@var checkbox CloseSidebar "サイドバーを消す" 0

==/UserStyle== */


@-moz-document url-prefix("https://tver.jp/episodes"), url-prefix("https://tver.jp/live/"), url-prefix("") {
	
	
	if ExtendPlayerSize == default{
		VarPlayersize = 1024px
	}

	else if ExtendPlayerSize == HD{
		VarPlayersize = 1200px
	}
	
	else if ExtendPlayerSize == WXGA{
		VarPlayersize = 1366px
	}
	
	else if ExtendPlayerSize == HDPlus{
		VarPlayersize = 1600
	}
	
	else if ExtendPlayerSize == FHD{
		VarPlayersize = 1920px
	}
	
	else if ExtendPlayerSize == Custom{
		CustomPlayerSize = unit(CustomPlayerSize, px)
		VarPlayersize = CustomPlayerSize
	}
	
	
	
	[class^="player_host__"]{
		max-width VarPlayersize
	}
	
	
	[class^="player_container__"]{
		[class^="poster_host"]{
			[class^="poster_thumbnailWrapper"]{
				img{
					width 100%
				}
			}
		}
	}
	
	
	if CloseSidebar{
		[class^="cross-column-layout_main"]{
			width 100%
		}
	
		[class^="cross-column-layout_sidebar"]{
			display none
		}
		[class^="companion-ad-slot_aspectRatioWrapper"]{
			display none
		}
	}
	
	button.toggle-playing-button_controlButton__aiuq3::after{
		position absolute
	}
}

Reviews

No reviews yet.