2つのビデオタグが動作しないHTML

Question

2つのビデオをページに追加したいがそれはできません。私はそれが同じ要素の中にあるからだと思っています。私は両方の周りに<div>タグを追加しようとしましたが、まだ運がありません。これは2つではなく1つのビデオタグで動作します。ここに私のビデオコードはあります：

<div id="advertising"> 
    <audio controls autoplay loop> 
     <source src = "eyeOnIt.mp4" type = "audio/mp4" /> 
     <source src = "eyeOnIt.ogg" type = "audio/ogg" /> 
     <source src = "eyeOnIt.mp3" type = "audio/mpeg" /> 
     Your browser does not support the audio element. 
    </audio> 
    <div> 
     <video width = "256px" controls> 
      <source src = "RachelMov.mmp4" type = "video/mp4" /> 
      Your browser does not support the video element. 
     </video> 
    </div> 

    <div> 
     <video width = "256px" controls> 
      <source src = "daddyWood.mp4" type = "video/mp4" /> 
      Your browser does not support the video element. 
     </video> 
    </div> 
</div> 
    <script> 
     $("audio").on('timeupdate', function(evt){ 
      var duration = evt.target.duration; 
      var current = evt.target.currentTime; 
      $('progress').val(current/duration); 
     }); 

     $('#play').click(function(evt) { 
      evt.preventDefault(); 
      $("audio")[0].play(); 
     }); 

     $('#pause').click(function(evt) { 
      evt.preventDefault(); 
      $("audio")[0].pause(); 
     }); 

     $('#stop').click(function(evt) { 
      evt.preventDefault(); 
      $("audio")[0].currentTime = 0; 
      $("audio")[0].pause(); 
     }); 

     $('#setLocation').change(function(evt) { 
      var val = $(evt.target).val(); 
      var duration = $("audio")[0].duration; 
      var location = duration*(parseInt(val)/100); 
      $("audio")[0].currentTime = location; 
      $("audio")[0].play(); 
     }); 
    </script> 

私はビデオの問題が何であるかについてはあまりよく分かりません。

Answer 1

ロジックの問題だけでなく構文の問題も発見しました。ファイルRachelMov.mmp4はRachel.mp4でなければなりません。ファイル名を変更したのと同じですが、mmp4は間違った構文です。 preload = noneタグはまた、ビデオに全くアクセスできないようにしました。