Astound
c04d7c9a24
In custom_plyr.css, made adjustments to styles for video preview thumbnail in Plyr Specific changes: - Modified the size and positioning of the thumbnail container to improve the visual presentation. - Enchance the user experience when interacting with video previews.
32 lines
506 B
CSS
32 lines
506 B
CSS
/* Prevent this div from blocking right-click menu for video
|
|
e.g. Firefox playback speed options */
|
|
.plyr__poster {
|
|
display: none;
|
|
}
|
|
|
|
/* plyr fix */
|
|
.plyr:-moz-full-screen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr:-webkit-full-screen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr:-ms-fullscreen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr:fullscreen video {
|
|
max-height: initial;
|
|
}
|
|
|
|
.plyr__preview-thumb__image-container {
|
|
width: 158px;
|
|
height: 90px;
|
|
}
|
|
|
|
.plyr__preview-thumb {
|
|
bottom: 100%;
|
|
}
|