替换Javascript ID'；HTML5视频控件的分类

我已经用HTML和视频播放器的Javascript中的类替换了所有ID，但仍然不起作用。我是javascript的新手，所以我需要一些帮助来弄清楚为什么它没有按应有的方式运行

这是一把小提琴：

Chris Ferdinandi建议的更新JS仍然不起作用。JS粘贴如下： 我完全替换了Add Event Listener代码，并删除了代码中的setobject引用部分，仍然没有骰子。任何进一步的帮助都将不胜感激

//----------------------------Video Player--------------------------------------

var vid, playbtn, seekslider, curtimetext, durtimetext, mutebtn, volumeslider, fullscreenbtn; 

//--------Functions------------------------------

// Initialize Player

function intializePlayer(){ 

window.onload = intializePlayer; 

// Play/Pause Function
function playPause(){ 
if(vid.paused){ 
vid.play(); 
playbtn.style.background = "url(pause.png)"; 
} else { vid.pause(); 
playbtn.style.background = "url(play.png)"; 
} 
}

// Video Seek Function
function vidSeek(){ 
var seekto = vid.duration * (seekslider.value / 100);
vid.currentTime = seekto; 
}


// Seektime Update

function seektimeupdate(){ 

var nt = vid.currentTime * (100 / vid.duration); 
seekslider.value = nt; 
var curmins = Math.floor(vid.currentTime / 60); 
var cursecs = Math.floor(vid.currentTime - curmins * 60); 
var durmins = Math.floor(vid.duration / 60);
var dursecs = Math.floor(vid.duration - durmins * 60); 
if(cursecs < 10){ cursecs = "0"+cursecs; } 
if(dursecs < 10){ dursecs = "0"+dursecs; } 
if(curmins < 10){ curmins = "0"+curmins; } 
if(durmins < 10){ durmins = "0"+durmins; } 
curtimetext.innerHTML = curmins+":"+cursecs; 
durtimetext.innerHTML = durmins+":"+dursecs; 
} 


// Mute Function
function vidmute(){ 
if(vid.muted){ 
vid.muted = false; 
mutebtn.innerHTML = "Mute"; 
} else { 
vid.muted = true; 
mutebtn.innerHTML = "Unmute";
 } 
 }

 // Set Volume Function
function setvolume(){ vid.volume = volumeslider.value / 100; } 


 // Full Screen Function
function toggleFullScreen(){ 
if(vid.requestFullScreen){ 
vid.requestFullScreen(); 
} else if(vid.webkitRequestFullScreen){ 
  vid.webkitRequestFullScreen(); 
  } else if(vid.mozRequestFullScreen){ vid.mozRequestFullScreen(); 
  } 
}


 // ------------Add event listeners-----------------------------------------

 var i;

for (i = 0; i < playbtn.length; i++) {
    playbtn[i].addEventListener("click",playPause,false); 
}
for (i = 0; i < seekslider.length; i++) {
    seekslider[i].addEventListener("change",vidSeek,false); 
}

for (i = 0; i < vid.length; i++) {
    vid[i].addEventListener("timeupdate",seektimeupdate,false); 
}
for (i = 0; i < seekslider.length; i++) {
   mutebtn[i].addEventListener("click",vidmute,false); 
}

for (i = 0; i < vid.length; i++) {
    volumeslider[i].addEventListener("change",setvolume,false); 
}
for (i = 0; i < seekslider.length; i++) {
  fullscreenbtn[i].addEventListener("click",toggleFullScreen,false); 
}

} 

/-------------------------------视频播放器--------------------------------------
var vid、playbtn、seekslider、curtimetext、durtimetext、mutebtn、volumeslider、fullscreenbtn；
//--------功能------------------------------
//初始化播放器
函数initializepLayer（）{
window.onload=初始化图层；
//播放/暂停功能
函数playPause（）{
如果（参阅暂停）{
视频播放（）；
playbtn.style.background=“url（pause.png）”；
}else{vid.pause（）；
playbtn.style.background=“url（play.png）”；
} 
}
//视频搜索功能
函数vidSeek（）{
var seekto=vid.duration*（seekslider.value/100）；
vid.currentTime=seekto；
}
//搜索时间更新
函数seektimeupdate（）{
var nt=视频当前时间*（100/视频持续时间）；
seekslider.value=nt；
var curmins=数学地板（参考当前时间/60）；
var cursecs=数学地板（参考当前时间-当前分钟*60）；
var durmins=数学地板（参考持续时间/60）；
var dursecs=数学地板（参见持续时间-durmins*60）；
如果（cursecs<10）{cursecs=“0”+cursecs；}
如果（dursecs<10）{dursecs=“0”+dursecs；}
如果（curmins<10）{curmins=“0”+curmins；}
if（durmins<10）{durmins=“0”+durmins；}
curtimetext.innerHTML=curmins+“：”+cursecs；
durtimetext.innerHTML=durmins+“：”+dursecs；
} 
//静音功能
函数vidmute（）{
如果（vid.mute）{
vid.muted=假；
mutebtn.innerHTML=“静音”；
}否则{
vid.muted=true；
mutebtn.innerHTML=“取消静音”；
} 
}
//设置音量功能
函数setvolume（）{vid.volume=volumeslider.value/100；}
//全屏功能
函数toggleFullScreen（）{
if（vid.requestFullScreen）{
vid.requestFullScreen（）；
}else if（vid.webkitRequestFullScreen）{
vid.webkitRequestFullScreen（）；
}else if（vid.mozRequestFullScreen）{vid.mozRequestFullScreen（）；
} 
}
//------添加事件侦听器-----------------------------------------
var i；
对于（i=0；i

原始JS：

//----------------------------Video Player--------------------------------------

var vid, playbtn, seekslider, curtimetext, durtimetext, mutebtn, volumeslider, fullscreenbtn; 

//--------Functions------------------------------

// Initialize Player

function intializePlayer(){ 

window.onload = intializePlayer; 

// Play/Pause Function
function playPause(){ 
if(vid.paused){ 
vid.play(); 
playbtn.style.background = "url(pause.png)"; 
} else { vid.pause(); 
playbtn.style.background = "url(play.png)"; 
} 
}

// Video Seek Function
function vidSeek(){ 
var seekto = vid.duration * (seekslider.value / 100);
vid.currentTime = seekto; 
}


// Seektime Update

function seektimeupdate(){ 

var nt = vid.currentTime * (100 / vid.duration); 
seekslider.value = nt; 
var curmins = Math.floor(vid.currentTime / 60); 
var cursecs = Math.floor(vid.currentTime - curmins * 60); 
var durmins = Math.floor(vid.duration / 60);
var dursecs = Math.floor(vid.duration - durmins * 60); 
if(cursecs < 10){ cursecs = "0"+cursecs; } 
if(dursecs < 10){ dursecs = "0"+dursecs; } 
if(curmins < 10){ curmins = "0"+curmins; } 
if(durmins < 10){ durmins = "0"+durmins; } 
curtimetext.innerHTML = curmins+":"+cursecs; 
durtimetext.innerHTML = durmins+":"+dursecs; 
} 


// Mute Function
function vidmute(){ 
if(vid.muted){ 
vid.muted = false; 
mutebtn.innerHTML = "Mute"; 
} else { 
vid.muted = true; 
mutebtn.innerHTML = "Unmute";
 } 
 }

 // Set Volume Function
function setvolume(){ vid.volume = volumeslider.value / 100; } 


 // Full Screen Function
function toggleFullScreen(){ 
if(vid.requestFullScreen){ 
vid.requestFullScreen(); 
} else if(vid.webkitRequestFullScreen){ 
  vid.webkitRequestFullScreen(); 
  } else if(vid.mozRequestFullScreen){ vid.mozRequestFullScreen(); 
  } 
}




//----------------Set object references-------------------------------------
 vid = document.getElementsByClassName("my_video"); 

playbtn = document.getElementsByClassName("playpausebtn"); 

seekslider = document.getElementsByClassName("seekslider"); 

curtimetext = document.getElementsByClassName("curtimetext"); 

durtimetext = document.getElementsByClassName("durtimetext"); 

mutebtn = document.getElementsByClassName("mutebtn"); 

volumeslider = document.getElementsByClassName("volumeslider"); 

fullscreenbtn = document.getElementsByClassName("fullscreenbtn"); 




 // ------------Add event listeners-----------------------------------------

playbtn.addEventListener("click",playPause,false); 

seekslider.addEventListener("change",vidSeek,false); 

vid.addEventListener("timeupdate",seektimeupdate,false); 

mutebtn.addEventListener("click",vidmute,false); 

volumeslider.addEventListener("change",setvolume,false); 

fullscreenbtn.addEventListener("click",toggleFullScreen,false); 

} 

/-------------------------------视频播放器--------------------------------------
var vid、playbtn、seekslider、curtimetext、durtimetext、mutebtn、volumeslider、fullscreenbtn；
//--------功能------------------------------
//初始化播放器
函数initializepLayer（）{
window.onload=初始化图层；
//播放/暂停功能
函数playPause（）{
如果（参阅暂停）{
视频播放（）；
playbtn.style.background=“url（pause.png）”；
}else{vid.pause（）；
playbtn.style.background=“url（play.png）”；
} 
}
//视频搜索功能
函数vidSeek（）{
var seekto=vid.duration*（seekslider.value/100）；
vid.currentTime=seekto；
}
//搜索时间更新
函数seektimeupdate（）{
var nt=视频当前时间*（100/视频持续时间）；
seekslider.value=nt；
var curmins=数学地板（参考当前时间/60）；
var cursecs=数学地板（参考当前时间-当前分钟*60）；
var durmins=数学地板（参考持续时间/60）；
var dursecs=数学地板（参见持续时间-durmins*60）；
如果（cursecs<10）{cursecs=“0”+cursecs；}
如果（dursecs<10）{dursecs=“0”+dursecs；}
如果（curmins<10）{curmins=“0”+curmins；}
if（durmins<10）{durmins=“0”+durmins；}
curtimetext.innerHTML=curmins+“：”+cursecs；
durtimetext.innerHTML=durmins+“：”+dursecs；
} 
//静音功能
函数vidmute（）{
如果（vid.mute）{
vid.muted=假；
mutebtn.innerHTML=“静音”；
}否则{
vid.muted=true；
mutebtn.innerHTML=“取消静音”；
} 
}
//设置音量功能
函数setvolume（）{vid.volume=volumeslider.value/100；}
//全屏功能
函数toggleFullScreen（）{
if（vid.requestFullScreen）{
vid.requestFullScreen（）；
}else if（vid.webkitRequestFullScreen）{
vid.webkitRequestFullScreen（）；
}else if（vid.mozRequestFullScreen）{vid.mozRequestFullScreen（）；
} 
}
//----------------设置对象引用-------------------------------------
vid=document.getElementsByClassName（“我的视频”）；
playbtn=document.getElementsByClassName（“playpausebtn”）；
seekslider=document.getElementsByClassName（“seekslider”）；
curtimetext=document.getElementsByClassName（“curtimetext”）；
durtimetext=document.getElementsByClassName（“durtimetext”）；
mutebtn=document.getElementsByClassName（“mutebtn”）；
volumeslider=document.getElementsByClassName（“volumeslider”）；
fullscreenbtn=document.getElementsByClassName（“fullscreenbtn”）；
//------添加事件侦听器-----------------------------------------
playbtn.addEventListener（“单击”，播放暂停，错误）；
seekslider.addEventListener（“更改”，vidSeek，false）；
参见addEventListener（“时间更新”，见时间更新，错误）；
mutebtn.addEventListener（“单击”，vidmute，false）；
volumeslider.addEventListener（“更改”，设置音量，错误）；
全屏BTN.addEventListener（“单击”，切换全屏，错误）；
} 

HTML：

 <div id="evid">

 <video class="videogunshots" width="550" height="300"> 
<source src="file:///C|/Users/Godsnake/Desktop/July14/content/gunshots.mp4" type="video/mp4">
<source src="file:///C|/Users/Godsnake/Desktop/July14/content/gunshots.webm" type="video/webm">
<source src="file:///C|/Users/Godsnake/Desktop/July14/content/gunshots.ogg" type="video/ogg"> 
  </video> 


 <div class="videocontrols"> 
 <button class="playpausebtn" onclick="playPause()">Play</button> 
 <input class="seekslider" type="range" min="0" max="100" value="0" step="1">
 <span class="curtimetext">00:00</span> / <span class="durtimetext">00:00</span>
 <button class="mutebtn">Mute</button>
 <input class="volumeslider" type="range" min="0" max="100" value="100" step="1">
 <button class="fullscreenbtn">[ &nbsp; ]</button>
 </div>


</div>

玩
00:00 / 00:00
沉默的
[   ]

另一方面，我正在播放的视频似乎与内容不符

var i;

for (i = 0; i < playbtn.length; i++) {
    playbtn[i].addEventListener("click",playPause,false); 
}
for (i = 0; i < seekslider.length; i++) {
    seekslider[i].addEventListener("change",vidSeek,false); 
}
...