2015-08-15 3 views
2

Je travaille sur le chargement de pages plus rapidement sur mon site Web. Il semble que Chrome charge les deux fichiers vidéo HTML5 répertoriés. Si je comprends bien, le navigateur est censé sélectionner la première vidéo qui fonctionne. Dans les outils de développement Chrome, sous l'onglet Réseau, cela indique que les deux vidéos sont téléchargées au chargement de la page.Chrome télécharge les sources de vidéos HTML5 et HTML5 sur le chargement de la page

Y a-t-il un moyen d'empêcher les deux charges de se produire? Voici mon code: (les attributs de données sont pour skrollr.js)

<video id="video" preload="auto" autoplay muted class="landscape deskVid" loop poster="/img/eventsPoster.jpg" 
        data-anchor-target=".header" 
        data-top="display: block; opacity:1; transform:translateY(0px);" 
        data--60p-top="display: none; opacity:0; transform:translateY(0px);" 
       > 
       <source src="/img/eventsVideo.webm" type="video/webm"> 
       <source src="/img/eventsVideo.mp4" type="video/mp4"> </video> 
+1

Où se trouve l'ouverture ''? – wolfemm

+0

Salut à tous. Je voulais effacer une partie du code (noms des images, etc.) avant de poster sur le stack overflow. En faisant cela, j'ai accidentellement posté un code inexact. (deux étiquettes) Je vais éditer mon post maintenant à ce que j'ai réellement. –

Répondre

0

Lorsque je liste une source WebM suivie d'une source Mp4 dans une seule balise <video>, Chrome accède à la source WebM. Il y a probablement un problème avec votre source webm. Il se peut qu'il ne soit pas valide ou que votre serveur Web ne signale pas le type de contenu correct dans les en-têtes de réponse HTTP (il doit s'agir de video/webm).