HTML视频有控件，但没有'；无法加载视频或播放

这是一个学校作业，但我似乎无法让视频工作

我用的是chrome。按钮加载，播放器也加载（黑屏），但我无法让它看起来正常工作

<div style="text-align:center"> 
 <button onclick="playPause()">Play/Pause</button> 
 <button onclick="makeBig()">Big</button>
 <button onclick="makeSmall()">Small</button>
 <button onclick="makeNormal()">Normal</button>
 <br/> 
 <video id="myVideo" width="420">
   <source src="audi.mp4" type="video/mp4">
 </video>
</div> 

<script> 
 var myVideo = document.getElementById("myVideo"); 

 function playPause() { 
  if (myVideo.paused) 
      myVideo.play(); 
  else 
    myVideo.pause(); 
 } 

 function makeBig() { 
   myVideo.width = 560; 
 } 

 function makeSmall() { 
    myVideo.width = 320; 
 } 

 function makeNormal() { 
   myVideo.width = 420; 
 } 
</script>

播放/暂停
大的
小的
正常的


var myVideo=document.getElementById（“myVideo”）；
函数playPause（）{
如果（myVideo.paused）
myVideo.play（）；
否则
myVideo.pause（）；
} 
函数makeBig（）{
myVideo.width=560；
} 
函数makeSmall（）{
myVideo.width=320；
} 
函数makeNormal（）{
myVideo.width=420；
} 

I jsfiddle将让人们更好地帮助您。我只是在本地运行了这个过程，没有任何问题。你确定奥迪mp4存在吗？我使用的是chrome，没有看到UI（当你在视频上悬停时出现的UI），但是按钮工作正常。