Se connecter / S'enregistrer

Résolu HTML5 - Jouer une vidéo après avoir cliqué sur un élément d'une image

Solutions (3)
Tags :
  • Vidéo
  • Html
  • html5
  • Javascript
  • Image et Son
|
Bonjour à tous!

Je voudrais savoir s'il est possible de lancer une vidéo (Pas de Flash) en cliquant sur une position précise d'une image ?

Exemple :
J'ai une image de chambre, je clique sur la TV et vidéo1 démarre.
Je clique sur la table, vidéo2 démarre.

Est-ce possible ? Si oui, comment dois-je m'y prendre ?

Merci d'avance!
Contenus similaires
Meilleure solution
partage
, Programmation (collector) |
Salut, oui c'est possible.
Tu peut placer un lien ( après tu peut l'utilise pour lancée ta video ...) a l'aide de la balise map : http://www.w3schools.com/tags/tag_map.asp .
  • Dreamcaster a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |
Score
0
òh
òi
|
Merci beaucoup !

La balise MAP m'a vraiment aidé ! Je vous remercie.
Maintenant j'ai un autre problème.

J'ai une balise <video> HTML5 dans mon code et j'aimerais faire ce système :

Si on clique sur une image(Icône de zoom) qui se trouve sur la vidéo1 ou qu'on appuie sur "Z", alors vidéo2 se lance. Si on clique sur la même icône de zoom qui se trouve alors sur vidéo2, vidéo3 se lance.

Comment pourrais-je faire ceci ? J'ai essayé en javascript mais j'ai du mal. Voila ce que j'ai essayé de faire jusque maintenant :

  1. var v = document.getElementById('video');
  2.  
  3. if(v.src=="Video1.webm" && Key_press =="Z")
  4. {
  5. v.src=="Video2.webm";
  6. v.load();
  7. v.play();
  8. if(v.src=="Video2.webm" && Key_press =="Z")
  9. {
  10. v.src=="Video3.webm";
  11. v.load();
  12. v.play();
  13. }
  14. }

PS : Lorsque j'inclus v.src=="..." dans mes conditions, on dirait que le code ne capte pas ce paramètre.
  • dogukan a édité ce message
  • dogukan a édité ce message
  • dogukan a édité ce message
  • Commenter cette réponse |
Score
0
òh
òi
, Modérateur |
Tu dois pouvoir utiliser un truc du genre :
  1. document.getElementById('idDeMaVideo').play();
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS