Gestion de vidéo en html5 et javascript

tribalwar · 31 Août 2016

Bonjour,
Voici mon problème. Je dispose d'une vidéo d'un avatar animé et une autre du même délivrant un message. La premeière vidéo doit s'afficher en loop et au clic sur le bouton la deuxième doit démarrer faisant croire que le personnage se met à parler. Jusque là pas de problème sauf qu'à la fin de la 2ème vidéo (donc à la fin du message) la 1ère doit réapparaitre et continuer à fonctionner en boucle. Le pb est que je n'arrive pas à faire redemarrer la 1ere vidéo en fin de lecture. J'espère que c'est assez clair :lol:
Code:
<!DOCTYPE html> 
<html> 
<body> 
<button onclick="myFunction()" type="button">Change Video</button><br> 
<video id="myVideo"  autoplay loop>
  <source id="mp4_src" src="dict_e_homme1_.mp4" type="video/mp4">
   <source id="mp4_src" src="dict_e_femme2_.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>
<script> 
function myFunction() { 
    document.getElementById("mp4_src").src = "movie.mp4";
    document.getElementById("mp4_src").src = "movie.mp4";
    document.getElementById("myVideo").load();
} 
</script> 
</body> 
</html>

tribalwar · 31 Août 2016

en fait, le plus simple serait peut-être de fusionner les 2 vidéos.
Bonjour,
La vidéo serait divisée en 2 parties une partie muette ou l'avatar est seulement animé (cette partie passe en boucle jusqu'au clic) et la 2ème partie où il parle et délivre une information lors du clic sur un bouton "INFO". Lancer la vidéo ne me pose pas de problème. Ce que je ne sais pas faire c'est caler la lecture sur la 2ème partie lors du clic. Je suppose qu'il faut prévoir un compteur.

Déroulement prévu:

1- L'avatar est présent et est animé en boucle.(1ère partie)
2- clic sur le bouton info-->lancement du message (2ème partie de la vidéo) l'avatar délivre alors le message.
3- Fin du message (fin de la 2ème partie ) --> Retour au début de la vidéo (1ère partie)
4- L'avatar est présent et est animé en boucle. (attente du clic)
J'espère que c'est clair

Voilà le début de code mais il manque encore pas mal de chose... un p'tit coup de main?

Similar Threads - Gestion vidéo html5	Forum	Date
Avis sur un site gestion de jeux vidéos	Demandes d'avis et de conseils sur vos sites	11 Juillet 2010
connaissez vous un script gestion de video !!	Développement d'un site Web ou d'une appli mobile	5 Octobre 2007
Script gestion videos	Développement d'un site Web ou d'une appli mobile	2 Mars 2007
Logiciel de gestion des réseaux sociaux	Autres réseaux sociaux	29 Mars 2022
Gestion des produits supprimés en e-commerce	e-commerce	24 Février 2022
Gestion NDD avec délégation des aspects techniques	Administration d'un site Web	7 Janvier 2022
Suggestions de mots clés sur un liste de 15 000 mots	Rédaction web et référencement	7 Décembre 2021
Gestion sous domaines et domaines dans Analytics	Google Analytics	10 Septembre 2021
Gestion Canonical et Hreflang sur une home page multilangue	Référencement international (langues, pays)	11 Août 2021
Gestion de la profondeur par Google	Référencement Google	7 Juillet 2021
Gestion contenu JSON-LD versus contenu HTML.	Développement d'un site Web ou d'une appli mobile	24 Mai 2021
Avis analyses SEO et suggestions	Demandes d'avis et de conseils sur vos sites	29 Avril 2021
Récapitulatif Gestion du consentement pour Google Analytics	Google Analytics	30 Mars 2021
Gestionnaire de vente Facebook : le compte marchand	Facebook	26 Mars 2021
Centraliser la gestion des liens d'affiliation et publicités	Monétisation d'un site web	26 Janvier 2021
Gestion sitemap.xml sur un site multilingue	Crawl et indexation Google, sitemaps	5 Octobre 2020
Google Chrome et gestion des cookies	Google : l'entreprise, les sites web, les services	4 Août 2020
Application Cordova/Android et gestion des cookies	Développement d'un site Web ou d'une appli mobile	31 Juillet 2020
Memcached/PHP gestion de sessions	Développement d'un site Web ou d'une appli mobile	22 Juillet 2020
PWA => GTM & gestion cookies ?	Développement d'un site Web ou d'une appli mobile	20 Janvier 2020