Vidéos chargement lent sur mobile

J'ai un site web avec des vidéos mp4 et des posters jpg mais les vidéos se chargent assez lentement sur mobile quand même d'accélérer ça? iv rebaptisé les noms de fichiers, mais voici mon code:Vidéos chargement lent sur mobile

<div class="w3-row-padding" style="margin-bottom:128px"> 
 
    <div class="w3-half w3-center"> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    </div> 
 
    <div class="w3-half w3-center"> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
     <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 
    <video controls height="380" width="512" class="video" poster="Images/image.jpg" controlsList="nodownload noaudio"> 
 
      <source src="videos/video.mp4" type="video/mp4"> Your browser does not support the video tag. 
 
      </video> 
 

 
    <br> 
 
    <br> 
 
    <br> 
 
    <div class="w3-right"> 
 
     <a title="Next" href="page-2.html" class="w3-button border">Next</a> 
 
     <a style="margin-right: 100px;" href="page-2.html" class="w3-button border">2</a> 
 
    </div> 
 
    </div> 
 
</div>

Source

2017-10-11 Sean

La seule façon d'améliorer la vitesse de chargement pour mobile serait de réduire la qualité pour mobile, ou d'obtenir une meilleure connexion. –

@Sean c'est peut-être un problème de métadonnées. Si placé à la fin de votre fichier alors tous les autres octets doivent être téléchargés pour atteindre le méta. Les décodeurs MPEG ont besoin de lire la vidéo MP4 correctement. Avez-vous un de vos fichiers MP4 également enregistré sur le disque? Si oui, ouvrez-le avec un [** éditeur hexadécimal **] (https://www.onlinehexeditor.com/) pour voir les octets du fichier. Si vous voyez le mot 'mdat' d'abord au lieu de voir' moov' d'abord au début de 5 lignes ou plus, cela signifie que vos métadonnées sont à l'arrière/fin du nombre total d'octets de fichier. Il doit être déplacé vers l'avant via un outil d'édition. Recherche 'fixer mp4 moov à l'avant' ... –

@sean Vous avez un lien vers un mp4 lent? C'est un problème classique de MP4. Si les métadonnées sont à l'avant, la vidéo peut être jouée plus tôt (ou afficher immédiatement l'image) puisque la méta indique à tous les joueurs ** où dans les octets de fichier ** sont les ** réels ** cadres vidéo et audio, etc. faire un contrôle de base et de corriger avec un outil gratuit alors je me sens désolé pour un tel développeur web et leurs clients ou utilisateurs finaux. –

(1) Essayez d'ajouter preload="none" comme dernier paramètre dans la configuration de votre balise <video>.

<video controls height="380" width="512" class="video" poster="Images/thg.jpg" controlsList="nodownload noaudio" preload="none"> 
<source src="videos/Comp 1.mp4" type="video/mp4"> Your browser does not support the video tag. 
</video>

Le problème est que toutes vos vidéos sur la page tentent de mettre en tampon/charger tout d'un coup, en ralentissant tout. En utilisant preload = "none" arrêtera n'importe quel préchargement jusqu'à ce que l'utilisateur choisisse de jouer (ils chargeront plus vite).

Une autre chose pourrait être que vous avez juste un serveur lent. Un fichier vidéo n'était qu'à 500 Ko, mais il était encore protégé en petits morceaux. Sur Internet, je m'attends à ce que les données de 500 Ko soient entièrement chargées en un instant.

Vérifiez si votre fournisseur de serveur limite ou limite la vitesse/taille des paquets envoyés à chaque fois qu'une demande de fichier est faite.

(2) Ne pas utiliser espaces/quotes/colons/parenthèses etc ... dans une URL web !!!
Alors que certains navigateurs pourraient résoudre ce problème (les espaces dans le lien/URL sont modifiés pour devenir %20), il n'y a toujours aucune garantie qu'une autre application acceptera vid 1.mp4, sauf si vous vous souvenez de demander le fichier vid%201.mp4. Utilisez le trait de soulignement vid_1.mp4 ou le tiret vid-1.mp4 ou simplement aucun espace comme vid1.mp4.

Source

2017-10-13 02:30:58

où ai-je vid 1.mp4? Les espaces ne fonctionnent pas pour la plupart des choses comme ceci pour pourquoi je ne les ai pas dans n'importe quoi ... si je l'ai fait svp montrez-moi où ainsi je peux le réparer. aussi iv a ajouté le préchargement = "none" dans chacun comme indiqué ci-dessus dans votre message dans l'espoir qu'il se charge plus vite. bien que j'ai figuré quelque chose dehors ... ils amortissent en cliquant le jeu et ils ne tamponnent pas la moitié et jouent ils amortissent complètement puis jouent c'est pourquoi son lent sur le mobile .... – Sean

Regardez le code source de votre brochure HTML pour n'importe quelles erreurs. Les tags vidéo 1, 2, 3, 5 et 8 ont tous des noms de fichiers avec des espaces. Voir leur paramètre 'src'.PS: j'avais testé sur desktop non mobile et les vidéos chargées lentement. Pourquoi une petite vidéo de quelques Ko d'une durée de quelques secondes s'arrête-t-elle au moins 5 fois, pour chaque arrêt il passe environ 3 secondes à tamponner une petite partie? C'est pourquoi je soupçonne votre serveur. –

Il n'y a pas des espaces? Je ne comprends pas? veuillez indiquer où? Je suis confus? Je n'ai pas d'espace alors où dites-vous qu'il y a? – Sean

Vidéos chargement lent sur mobile

Répondre

Questions connexes