xiaoxue_admin
/
DPlayer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #385 from A-Circle-Zhang/master 

Fix bug that thumbnail appears in the wrong position in fullscreen
This commit is contained in:
DIYgod 2019-03-12 22:23:06 +08:00 committed by GitHub
parent 39337640e7 53b90cae01
commit 22987ecde9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/js/controller.js
View File

@ -91,7 +91,7 @@ class Controller {
});
this.player.on('loadedmetadata', () => {
this.thumbnails.resize(160, this.player.video.videoHeight / this.player.video.videoWidth * 160);
this.thumbnails.resize(160, this.player.video.videoHeight / this.player.video.videoWidth * 160, this.player.template.barWrap.offsetWidth);
});
}
}

3
src/js/player.js
View File

@ -564,6 +564,9 @@ class DPlayer {
if (this.danmaku) {
this.danmaku.resize();
}
if (this.controller.thumbnails) {
this.controller.thumbnails.resize(160, this.video.videoHeight / this.video.videoWidth * 160, this.template.barWrap.offsetWidth);
}
this.events.trigger('resize');
}

3
src/js/thumbnails.js
View File

@ -6,10 +6,11 @@ class Thumbnails {
this.events = options.events;
}
resize (width, height) {
resize (width, height, barWrapWidth) {
this.container.style.width = `${width}px`;
this.container.style.height = `${height}px`;
this.container.style.top = `${-height + 2}px`;
this.barWidth = barWrapWidth;
}
show () {