2016-03-29 36 views
0

Bir sayfaya iki video eklemek istiyorum ama bana izin vermeyecek. Bunun, aynı element içinde olduğu için olduğunu düşünüyorum. Her ikisine de <div> etiket eklemeyi denedim ama yine de hayır şansı. Sadece iki değil tek bir video etiketi ile çalışır. İşte benim video kodum:İki video etiketli HTML çalışmıyor

<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> 

Videoyla ilgili sorunun ne olduğundan emin değilim.

+0

Bu, ekleyebileceğim bir okul projesi için de geçerlidir. Ailem için bir web sitesi yapıyorum ve video eklemek istiyorum. –

+0

html özniteliği aralığını düzeltmeyi deneyin ... – dandavis

+0

video genişliği sadece bir tamsayıdır ve video için

cevap

0

Mantıksal sorunların yanı sıra sözdizimi sorunları buldum. Dosya ismini değiştirdiğimde RachelMov.mmp4 dosyası Rachel.mp4 olmalı ve mmp4 yanlış sözdizimi. Önyükleme = none etiketi ayrıca videoların hiç erişilebilir olmamasına da neden oldu.

+0

Şüpheliyim, 'preload =" none "' asla videoyu erişilemez hale getirmeyecek, eski IE'ler dışındaki tüm tarayıcılarda çalışan standart bir ayardır. –

+0

Onu kaldırdığımda çalışmaya başladı –

İlgili konular