TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2304 from TeamPiped/fix-position

Browse source 
Fix for calculating right position in seekbar preview
This commit is contained in:
Kavin 2023-04-17 00:08:57 +01:00 • committed by GitHub
commit a11b99f69d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/VideoPlayer.vue
View file

@ -715,10 +715,10 @@ export default {
}, },
setupSeekbarPreview() { setupSeekbarPreview() {
if (!this.video.previewFrames) return; if (!this.video.previewFrames) return;
let seekBar = document.querySelector(".shaka-seek-bar-container"); let seekBar = document.querySelector(".shaka-seek-bar");
// load the thumbnail preview when the user moves over the seekbar // load the thumbnail preview when the user moves over the seekbar
seekBar.addEventListener("mousemove", e => { seekBar.addEventListener("mousemove", e => {
const position = (this.video.duration * e.clientX) / seekBar.clientWidth; const position = (e.offsetX / e.target.offsetWidth) * this.video.duration;
this.showSeekbarPreview(position * 1000); this.showSeekbarPreview(position * 1000);
}); });
// hide the preview when the user stops hovering the seekbar // hide the preview when the user stops hovering the seekbar