ИСПРАВЬ ОТОБРАЖЕНИЕ ПОСТЕРА ВИДЕО ПРИ ЗАГРУЗКЕ ВИДЕО
Browse files
style.css
CHANGED
|
@@ -6,11 +6,20 @@ body {
|
|
| 6 |
.video-container {
|
| 7 |
aspect-ratio: 9/16;
|
| 8 |
background-color: #000;
|
|
|
|
| 9 |
}
|
| 10 |
|
| 11 |
video {
|
|
|
|
|
|
|
| 12 |
background-color: #000;
|
| 13 |
-
object-fit:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 14 |
}
|
| 15 |
/* Custom scrollbar */
|
| 16 |
::-webkit-scrollbar {
|
|
|
|
| 6 |
.video-container {
|
| 7 |
aspect-ratio: 9/16;
|
| 8 |
background-color: #000;
|
| 9 |
+
position: relative;
|
| 10 |
}
|
| 11 |
|
| 12 |
video {
|
| 13 |
+
width: 100%;
|
| 14 |
+
height: 100%;
|
| 15 |
background-color: #000;
|
| 16 |
+
object-fit: cover;
|
| 17 |
+
}
|
| 18 |
+
|
| 19 |
+
video[poster] {
|
| 20 |
+
object-fit: cover;
|
| 21 |
+
background-size: cover;
|
| 22 |
+
background-position: center;
|
| 23 |
}
|
| 24 |
/* Custom scrollbar */
|
| 25 |
::-webkit-scrollbar {
|