Comment utiliser les balises vidéo et audio et les barres de progression dans H5

Cette fois, je vais vous montrer comment utiliser les balises vidéo et audio et la barre de progression en H5, les balises vidéo et audio et la progression dans H5 Quelles sont les précautions lors de l'utilisation des bandelettes ? Ce qui suit est un cas pratique, jetons-y un œil.

Dans un projet récent, j'ai utilisé les balises vidéo et audio de Html5 pour lire des fichiers vidéo et audio en ligne, mais j'ai rencontré un problème étrange. La barre de progression n'était pas valide après la lecture sur la page. 🎜>J'ai découvert après avoir vérifié w3c qu'il n'y a aucune différence dans le code HTML. Ensuite, je suppose que si j'utilise du HTML statique et que j'utilise la balise vidéo pour lire la barre de progression du fichier local, cela fonctionnera-t-il ?

Je l'ai essayé et j'ai trouvé que cela fonctionnait vraiment. Ensuite, F12 a vérifié la différence entre la lecture de la vidéo locale et la lecture de la réponse réseau dans le projet. J'ai découvert qu'il y avait des éléments supplémentaires dans l'en-tête de la réponse. les choses au code d'arrière-plan une par une, et j'ai finalement réussi !

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le php. Site chinois !

response.setHeader("Cache-Control","max-age=31536000, must-revalidate");  
response.setHeader("Content-Length", file.length() + "");  
if (fileName.contains(".mp4")) {  
   response.setContentType("video/mpeg4");  
}  
if (fileName.contains(".mp3")) {  
   response.setContentType("audio/mpeg");  
   response.setHeader("Accept-Ranges:", "bytes");  
}

Lecture connexe :

Comment utiliser H5 pour appeler la caméra

Comment utiliser postMessage dans H5 pour transférer des données entre deux pages Web

Quelles sont les spécificités des fonctions match(), search()

et match() et search() en langage régulier expressionsQuelle est la différence ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!