Comment mettre en pause la lecture de la video?
Table des matières
Comment mettre en pause la lecture de la vidéo?
La méthode Javascript HTMLMediaElement.pause () de l’ objet HTML5 video permet de mettre en pause la lecture de la vidéo. Cliquez-moi pour lancer la méthode oVideo.pause ().
Comment intégrer une vidéo dans un document?
La balise permet d’intégrer une vidéo dans le document. La vidéo s’affiche, par défaut, avec des boutons de contrôle (pause, play, volume..). Vous pouvez, avec le Javascript, personnaliser ces boutons en créant votre propre contrôleur vidéo.
Comment ajouter des textes à la vidéo?
La balise permet d’ajouter des textes à la vidéo sous forme de sous-titre. Ceux-ci doivent être des fichiers au format .vtt (Ne me demandez pas comment marchent ces fichiers .vtt en terme de syntaxe, je n’ai jamais eu l’occasion de mettre le nez dedans, mais je m’y collerai probablement un jour).
Est-ce que vous allez utiliser la balise HTML5?
Bien, maintenant que vous savez pourquoi vous allez utiliser du HTML5 (donc la balise puisque c’est d’elle qu’il s’agit) et que vous savez comment optimiser votre vidéo pour un affichage sur le web, décortiquons ladite balise. La voici fonctionnelle dans son plus simple appareil :
Pour ajouter une nouvelle vidéo, il suffit d’utiliser la balise . Il est recommandé de prévoir plusieurs formats d’encodage, car tous les navigateurs n’acceptent pas les mêmes. Les formats .webm et .mp4 devraient couvrir l’ensemble des navigateurs. Vous pourrez convertir vos vidéos au format .webm facilement avec le convertisseur de Miro.
Quelle est la façon la plus simple de gérer le lecteur jQuery?
La façon la plus simple et la plus légère pour gérer le lecteur est d’utiliser jQuery et de créer un plugin. N’oubliez donc pas d’inclure jQuery dans votre page ! Comme pour tout plugin jQuery, créez un nouveau fichier JavaScript contenant le code suivant :
Comment fonctionne la fonction de gestion du temps de lecture?
La fonction de gestion du temps sera appelée chaque fois que le temps de lecture sera mis à jour. J’ai commenté le code pour que vous puissiez comprendre comment cela fonctionne. Ensuite vient le bouton de lecture. Nous allons ajouter et retirer des classes CSS pour qu’il alterne avec un bouton de pause lorsque l’on clique dessus.