36 lines
894 B
SCSS
36 lines
894 B
SCSS
// --------------------------------------------------------------
|
|
// Embedded players
|
|
// YouTube, Vimeo, etc
|
|
// --------------------------------------------------------------
|
|
|
|
.plyr__video-embed {
|
|
// Default to 16:9 ratio but this is set by JavaScript based on config
|
|
$padding: ((100 / 16) * 9);
|
|
$height: 200;
|
|
$offset: percentage(($height - $padding) / ($height / 50));
|
|
|
|
height: 0;
|
|
padding-bottom: percentage($padding);
|
|
|
|
iframe {
|
|
border: 0;
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
user-select: none;
|
|
width: 100%;
|
|
}
|
|
|
|
// Vimeo hack
|
|
> div {
|
|
padding-bottom: percentage($height);
|
|
position: relative;
|
|
transform: translateY(-$offset);
|
|
}
|
|
}
|
|
// To allow mouse events to be captured if full support
|
|
.plyr--full-ui .plyr__video-embed iframe {
|
|
pointer-events: none;
|
|
}
|