Preview seek: jpeg sprites + much more

- Allow jpeg sprites - much snappier and more accurate
- Fixed bug: right clicking the seek bar sticks on mousedown
- Fixed bug: moving the mouse really quickly results in not updating the thumb
- Fixed bug: if you mousedown but don't move mouse, it shows a stale image in the scrubbing container
- Fixed bug: very first image shows as 0px
- Fixed bug: stretches images when video isn't same aspect as player
This commit is contained in:
James
2018-12-13 20:39:39 +11:00
parent 8f27611911
commit e948bfd585
2 changed files with 245 additions and 151 deletions

View File

@ -18,15 +18,16 @@
white-space: nowrap;
z-index: 2;
overflow: hidden;
img {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
height: 100%;
height: 100%; // Non-jpeg-sprite images are 100%. Jpeg sprites will have their size applied by javascript
width: 100%;
max-height: none;
max-width: none;
border-radius: 0px;
}
@ -52,19 +53,20 @@
bottom: 0px;
height: 100%;
width: 100%;
margin: auto; // Required when video is different dimensions to container (e.g., fullscreen)
overflow: hidden;
z-index: 1;
transition: opacity 0.3s 0.3s ease;
transition: opacity 0.3s ease;
filter: blur(1px);
img {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
margin: auto;
height: 100%;
width: 100%;
max-height: none;
max-width: none;
object-fit: contain;
}
}