HTML5 Vidéo pour mobile

Je rencontre des problèmes avec la vidéo pour mobile et HTML5. Mon plus gros problème est que la vidéo va jouer comme 2 secondes et s'arrêter parce que pas assez de la vidéo a chargé. La vidéo est longue de 1: 26s et 9mb. Je testais sur le wifi. Y at-il un moyen que je puisse faire attendre la vidéo jusqu'à ce qu'il soit suffisamment chargé pour pouvoir jouer sans problèmes? ou quelle est ma meilleure option pour aider à résoudre ce problème?HTML5 Vidéo pour mobile

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1 /DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript"> 

</script> 

<style type="text/css"> 
<!-- 
body { 
    margin: 0px; 
    padding: 0px; 
    background-color:#000; 
} 
--> 
</style> 
</head> 

<body> 
<!--<div id = "m_loader"> 
<div id = "loading_hold"> 
<img src="d_logo.png" width="365" height="500" /> 
    </div> 
</div>--> 

<video controls="controls" autoplay="autoplay"> 
    <source src="reel720_3.mp4" type="video/mp4" /> 
    <source src="reel720_3.webm" type="video/webm" /> 
Your browser does not support the video tag. 
</video> 
</body>

Source

2011-05-26 Greg Thompson

Est-ce qu'il le fait également lors d'un test sur un ordinateur de bureau/portable? –

Vous pouvez utiliser l'événement "canplaythrough". Bien que vous souhaitiez montrer une sorte d'indicateur de progression/téléchargement pendant que cela se produit.

myVideo.addEventListener('canplaythrough', function() { 
     myVideo.play(); 
    });

Source

2012-05-17 22:24:01 JFlo

HTML5 Vidéo pour mobile

Répondre

Questions connexes