web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-25 02:42:10 +02:00
Code Releases Activity

feat(css): add a delay before showing loading spinner (#4806)

Browse Source
This commit is contained in:
Anton Gorbylev 2017-12-15 00:33:59 +02:00 committed by Gary Katsevman
parent 0fa8c845c4
commit f47a083d70
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/css/components/_loading.scss
View File

@ -17,11 +17,14 @@
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
display: block;
// add a delay before actual show the spinner
animation: 0s linear 0.3s forwards vjs-spinner-show;
}
.vjs-loading-spinner:before,
@ -61,6 +64,18 @@
animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible;
}
}
@keyframes vjs-spinner-spin {
100% {
transform: rotate(360deg);