■anond:20240713114554

自分は以下のCSSをStylusアドオンで。

動画の上部にあるグラデーション部分にマウスを乗せたときだけ、サムネが見られるようにしている。

(他とも干渉してるかもしれないので、以下でそのまま動くかはわからん)

/* 上部マウスホバーでサムネイル表示 */
#movie_player .ytp-gradient-top{
  display: block !important;
  opacity: 0;
  pointer-events: auto;
}
#movie_player.paused-mode:hover .ytp-gradient-top{
  opacity: 1;
}
#movie_player:not(.unstarted-mode) .ytp-gradient-top ~ .ytp-cued-thumbnail-overlay{
  display: block !important;
  opacity: 0;
  pointer-events: none;
}
#movie_player .ytp-gradient-top:hover ~ .ytp-cued-thumbnail-overlay{
  opacity: 1;
  z-index: 999;
}
#movie_player:not(.unstarted-mode:hover) .ytp-gradient-top ~ .ytp-cued-thumbnail-overlay button.ytp-large-play-button{
  opacity: 0;
}

Permalink | 記事への反応(0) | 13:16

ツイートシェア