TeamPiped-mirror
/
Piped
mirror of https://github.com/TeamPiped/Piped.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2304 from TeamPiped/fix-position 

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
parent a062773126 974324fad7
commit a11b99f69d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats 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