2011-05-06 2 views
3

J'ajoute 4 vidéos à une page, en utilisant la balise "video" avec l'attribut "preload". Cela fonctionne comme prévu, mais je suis curieux de savoir s'il existe un moyen de charger complètement la vidéo en arrière-plan, même si la page prend un peu plus de temps à charger. Ce que je veux accomplir, c'est que les vidéos ne soient pas interrompues par la mise en mémoire tampon, une fois que vous les lisez. Merci à tous.Comment charger une vidéo HTML5 au chargement de la page?

+0

Donc, vous voulez télécharger complètement la vidéo avant qu'elle ne commence à jouer? –

+0

C'est exact. J'ai déjà commencé à jouer avec la méthode "load()", mais je n'ai pas été capable de comprendre quand et si la vidéo était déjà chargée, car l'attribut "networkState" ne passe jamais à 4. J'utilise https: // developer.mozilla.org/En/XPCOM_Interface_Reference/NsIDOMHTMLMediaElement comme référence. – jnkrois

+0

Je doute que ce soit une bonne idée de télécharger la vidéo complète avant de commencer à jouer. Comme les données vidéo sont généralement énormes, le format vidéo HTML5 a été conçu pour que le navigateur puisse commencer à lire la vidéo avant qu'elle ne soit complètement téléchargée. Btw si vous avez encore besoin de charger la vidéo avant de jouer, je pense que le moyen le plus simple est de convertir la vidéo avec [ffmpeg] (http://www.ffmpeg.org) (sans ré-encodage), qui va déplacer les informations méta vidéo à la fin de la vidéo et le navigateur ne démarre pas la vidéo jusqu'à ce qu'il trouve la méta-info en le téléchargeant entièrement :) –

Répondre

1

Essayez ceci, cela pourrait résoudre votre problème @w3schools:

<!DOCTYPE html> 
<html> 
<body> 

<video width="320" height="240" controls="controls" preload="auto"> 
    <source src="movie.mp4" type="video/mp4" /> 
    <source src="movie.ogg" type="video/ogg" /> 
    Your browser does not support the video tag. 
</video> 

</body> 
</html> 

ou entrer dans les détails pour préchargement @JWPlayer

Questions connexes