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

fix volume button bug that cannot mute in Firefox
This commit is contained in:
DIYgod 2018-08-15 10:47:19 +08:00 committed by GitHub
commit 4ee071a231
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions

View File

@ -173,7 +173,7 @@ class Controller {
document.addEventListener(utils.nameMap.dragEnd, volumeUp);
this.player.template.volumeButton.classList.add('dplayer-volume-active');
});
this.player.template.volumeIcon.addEventListener('click', () => {
this.player.template.volumeButtonIcon.addEventListener('click', () => {
if (this.player.video.muted) {
this.player.video.muted = false;
this.player.switchVolumeIcon();
@ -280,4 +280,4 @@ class Controller {
}
}
export default Controller;
export default Controller;

View File

@ -30,6 +30,7 @@ class Template {
this.volumeBarWrap = this.container.querySelector('.dplayer-volume-bar');
this.volumeBarWrapWrap = this.container.querySelector('.dplayer-volume-bar-wrap');
this.volumeButton = this.container.querySelector('.dplayer-volume');
this.volumeButtonIcon = this.container.querySelector('.dplayer-volume-icon');
this.volumeIcon = this.container.querySelector('.dplayer-volume-icon .dplayer-icon-content');
this.playedBar = this.container.querySelector('.dplayer-played');
this.loadedBar = this.container.querySelector('.dplayer-loaded');