HTML5 - Comment diffuser de la grande .les fichiers mp4?

Question

Je suis en train de configuration très basique, html5, la page qui charge un .vidéo mp4 qui est de 20 mo. Il semble que le navigateur doit télécharger l'intégralité de la chose plutôt que de simplement la lecture de la première partie de la vidéo et de streaming dans le reste.

Ce post est la chose la plus proche que j'ai trouvé pendant la recherche... j'ai essayé les deux sur le Frein à Main et les Données en faire le Tour ni semble faire une différence:

Toutes les idées sur la façon de faire ceci ou si c'est possible?

Voici le code que j'utilise:

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

Answer 1

1. S'assurer que l' moov (métadonnées) est avant l' mdat (données audio/vidéo). Il est également appelé "fast start" ou "web optimisé". Par exemple, le Frein à main a une "Web Optimisé" case à cocher, et ffmpeg et avconv ont l'option de sortie -movflags faststart.
2. S'assurer que votre serveur web est de reporting le bon Type de Contenu (vidéo/mp4).
3. S'assurer que votre serveur web est configuré pour servir plage d'octets demandes.
4. S'assurer que votre serveur web n'est pas l'application de gzip ou deflate de compression sur le dessus de la compression d'un fichier mp4.

Vous pouvez vérifier les en-têtes envoyés par votre serveur web à l'aide de curl -I http://yoursite/video.mp4 ou http://web-sniffer.net/ et la saisie de vos mp4 URL-il. La Tête de Réponse HTTP devraient inclure Content-Type: video/mp4 et Accept-Ranges: bytes, et pas de Codage de Contenu:.