老师帮我看下 为什么谷歌浏览器 点不了进度条 没次点击都会重新播放 用火狐浏览器就是可以的

老师帮我看下 为什么谷歌浏览器 点不了进度条 没次点击都会重新播放  用火狐浏览器就是可以的

//给播放器添加js

//创建Audio 对象

var myAudio = new Audio();

myAudio.src = 'music/mus/阿悠悠 - 一曲相思 (Live).mp3';

var playBtn = document.querySelector('.playNode'),

playBln = true;

var lumeNode = document.querySelector('.volumeNode'),

volumeNode = true;

var trueLine = document.querySelector('.trueLine');

var progressNode = document.querySelector('.progressNode');

var outerNode = document.querySelector('.outerNode');

playBtn.onclick = function() {

playBln = !playBln;

if(playBln == false){

myAudio.play();

}else{

myAudio.pause();

}

}

lumeNode.onclick = function(){

volumeNode = !volumeNode;

if(volumeNode == false){

myAudio.volume = 0;

this.className = "volumeNode2";

}else{

myAudio.volume = 1;

this.className = "volumeNode";

}

}

myAudio.addEventListener('timeupdate',function(){

trueLine.style.width = myAudio.currentTime/myAudio.duration * 100 +'%';

})

progressNode.onclick = function(e){

var ev = e || event;

myAudio.currentTime = myAudio.duration * ((ev.clientX - (this.offsetLeft + outerNode.offsetLeft)-6)/this.offsetWidth);

trueLine.style.width = (ev.clientX - (this.offsetLeft + outerNode.offsetLeft)-6)/this.offsetWidth*100 + '%';

}