Obtenez le temps de chargement dans la balise vidéo html5

Je veux obtenir un tag vidéo html5 chargement time.if sur la première vidéo est joue pas 5 secondes que la page est rediriger vers un autre lienObtenez le temps de chargement dans la balise vidéo html5

Voici mon code:

<body onLoad="document.getElementById('myVideo').play();document.getElementById('myVideo').width=swidth;document.getElementById('myVideo').height=sheight;" style="background-color:#000;text-align:center;"> 
<video id="myVideo"> 
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.webm" type="audio/webm" /> 
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.mp4" codecs="avc1.42E01E, mp4a.40.2" type="audio/mpeg"> 
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.ogv" type="audio/ogg"> 
</video> 

<script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#myVideo").bind('ended', function(){ 
     location.href="<?php echo $this->baseUrl ?>"; 
    }); 
    }); 
</script>

S'il vous plaît aider

Merci Amit Anand

Source

2014-07-15 Er Amit Anand

quelqu'un peut me aider avec ce problème –

Merci Shaunak D :) et plz me aider –

'' corps onload' et .ready $() 'généralement non compatibles: http://api.jquery.com/ prêt/ –

Cela devrait le faire. Créez un délai d'attente Javascript à rediriger après 5 secondes et associez un gestionnaire d'événements à l'événement multimédia playing pour effacer le délai d'expiration. Cela fera en sorte que si la vidéo commence à jouer dans les 5 secondes, la redirection n'aura pas lieu.

$(document).ready(function() { 
    var video = $('#myVideo'); 
    var timeout = setTimeout(function() { 
     location.href = "http:// whatever"; 
    }, 5000); 

    video.bind('playing', function() { 
     clearTimeout(timeout); 
    }); 

    video.get(0).play(); 
});

Source

2014-07-15 08:46:02

ok, j'essaie ce mathod, merci robby –

Merci Rubby cornelissen, ça marche maintenant .. –

// commentaires sont trop courts

Selon la documentation jQuery, votre code doit être au moins:

<body style="background-color:#000;text-align:center;"> 
<video id="myVideo"> 
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.webm" type="audio/webm" /> 
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.mp4" codecs="avc1.42E01E, mp4a.40.2" type="audio/mpeg"> 
<source src="<?php echo $this->baseUrl ?>/xsn/XSun.ogv" type="audio/ogg"> 
</video> 

<script type="text/javascript"> 
    $(function(){ 
    // swidth and sheight are global variables ? 
    document.getElementById('myVideo').width=swidth; 
    document.getElementById('myVideo').height=sheight; 
    document.getElementById('myVideo').play(); 

    $("#myVideo").bind('ended', function(){ 
     location.href="<?php echo $this->baseUrl ?>"; 
    }); 
    }); 
</script>

Source

2014-07-15 08:19:43

Vous pouvez partager une chose, comment obtenir le temps de chargement de la vidéo. Je veux vérifier le temps de chargement de la vidéo, lorsque la vidéo n'est pas en 5 sec que la page est rediriger vers une autre page. –

Obtenez le temps de chargement dans la balise vidéo html5

Répondre

Questions connexes