2015-04-06 3 views
0

У меня есть HTML-код, как показано нижеHTML5 тег видео переигровки событие

<div id="#p0"> 
<div style="width:1320px;height:1080px;position:absolute;left:0px;top:0px;z-index:0;"> 
    <video preload="auto" autoplay> 
      <source src="1.mp4" type="video/mp4"> 
      <source src="1.ogv" type="video/ogg"> 
    </video> 
</div> 
<div style="width:600px;height:1080px;position:absolute;left:1321px;top:0px;z-index:0;"> 
    <video preload="auto" autoplay> 
      <source src="2.mp4" type="video/mp4"> 
      <source src="2.ogv" type="video/ogg"> 
    </video> 
</div> 
<div style="width:1000px;height:600px;position:absolute;left:200px;top:200px;z-index:5;"> 
    <video preload="auto" autoplay> 
      <source src="3.mp4" type="video/mp4"> 
      <source src="3.ogv" type="video/ogg"> 
    </video> 
</div> 
</div> 

Первый раз я создаю тег видео и добавление к основному DIV, но со следующего годом я просто играть видео с помощью дисплея шоу скрыть, но я хочу получать продолжительность видео каждый раз, но ниже код звонит один раз.

this.addEventListener('loadeddata', function(e) { 
     e.target.duration 
    }); 
+0

этот код просто 'html'! как вы создаете и добавляете тег видео? В html вы можете написать 'var duration = null; this.addEventListener ('loadeddata', function (e) { duration = e.target.duration }); alert ('duration'); ' – Bellash

+0

да, но этот addEventListener вызывается, когда вы загружаете видео, но со следующего раза, я воспроизвожу только видео. –

ответ

1

В чистом JavaScript это не так просто, потому что, по определению, .loadeddata выполняется один раз в User Agent ...

Так как я вижу, что ты есть «jQuery -tagged» Ваш вопрос, я могу предложить вам используйте этот код кода

var video = $('#videoID')[0]; 
    video.onloaddata = function(e) { /* your code here*/ }; 

Voilà!

+0

У вас также есть' .onloadeddata' и т. д. – Bellash

Смежные вопросы