YouTubeの埋め込みを小さくするUserCSS
YouTubeに限らずiframeによって埋め込まれた動画全てを小さくするUserCSS 高さを360pxに制限する
アスペクト比は決め打ち
強調すると大きくなる
インデントしているとFloating用のボタンの位置がずれる
code:style.css
.iframe-video-player:not(.floating) {
iframe {
width: 99%;
max-width: 640px;
height: auto;
max-height: 360px;
aspect-ratio: 16 / 9;
}
&:hover .control {
right: unset;
left: min(99% - 24px, 616px); /* calc(min(99%, 640px) - 24px) */
}
}
strong .iframe-video-player:not(.floating) {
iframe {
max-width: 99%;
max-height: none;
}
&:hover .control {
left: calc(99% - 24px);
}
}
高さを360pxに制限する
https://www.youtube.com/watch?v=fJh5UeiULZs
強調すると大きくなる
https://www.youtube.com/watch?v=fJh5UeiULZs
インデントするとFloating用のボタンの位置がずれる
https://www.youtube.com/watch?v=fJh5UeiULZs