selfhost video, drop vimeo
This commit is contained in:
+4
-18
@@ -304,27 +304,13 @@ footer a:hover {
|
|||||||
border-bottom-color: transparent;
|
border-bottom-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* vimeo: privacy-first click-to-load facade (no iframe until you press play) */
|
/* self-hosted video — native element, same-origin so the custom cursor works */
|
||||||
.vimeo {
|
.video {
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
aspect-ratio: 16 / 9;
|
aspect-ratio: 16 / 9;
|
||||||
display: flex;
|
display: block;
|
||||||
align-items: center;
|
background: #000;
|
||||||
justify-content: center;
|
|
||||||
background: var(--color-bg-secondary);
|
|
||||||
}
|
}
|
||||||
.vimeo iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
|
|
||||||
.vimeo__play {
|
|
||||||
font-family: var(--font-family-mono);
|
|
||||||
font-size: var(--font-size-base);
|
|
||||||
padding: 0.4rem 1.2ch;
|
|
||||||
border: 1px solid var(--color-text-primary);
|
|
||||||
background: none;
|
|
||||||
color: var(--color-text-primary);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.vimeo__play:hover { background: var(--color-text-primary); color: var(--color-bg-primary); }
|
|
||||||
|
|
||||||
/* all images always in colour (selection drives what's shown, not hover) */
|
/* all images always in colour (selection drives what's shown, not hover) */
|
||||||
img { filter: none; }
|
img { filter: none; }
|
||||||
|
|||||||
Reference in New Issue
Block a user