Vidéo

Napola Messages postés 7 Date d'inscription vendredi 11 septembre 2015 Statut Membre Dernière intervention 29 octobre 2015 - 23 sept. 2015 à 15:47
m4cker Messages postés 65 Date d'inscription lundi 22 avril 2013 Statut Membre Dernière intervention 17 août 2016 - 25 sept. 2015 à 08:58
Bonjour,
Je cherche à faire disparaître une vidéo qui a été déclenchée à son survol.
J' ai essayé pas mal de chose, mais en vain...
Quelqu'un aurait un début de piste, que je puise chercher dans la bonne direction s'il vous plait.

Je vous remercie tous de votre compréhension

3 réponses

@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
23 sept. 2015 à 17:44
bonjour

la question est floue plus de précision serait bienvenue
0
Napola Messages postés 7 Date d'inscription vendredi 11 septembre 2015 Statut Membre Dernière intervention 29 octobre 2015
23 sept. 2015 à 21:01
oui c'est flou, désolé, je commence à fatiguer depuis hier soir entre JS, ajax, Jquery...
En fait j'ai 4 vidéos horizontales dans mon wrapper, en les survolant j'ai des titres qui apparaîssent au dessus et. J'ai besoin de prendre la main sur le 'Play' pour qu'il se déclenche en même temps,au survol, et qu'à la fin de la vidéo elle disparaisse,et les 3 autres se repositionnent ,et ainsi de suite pour toute les vidéos. Voilà si tu as une idée de démarrage je pourrais chercher dans la bonne direction.
Merci beaucoup
napola
0
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 153
23 sept. 2015 à 23:06
si il s'agit de video utilisant la balise video il suffit de mettre un evenement onmoseover pour lancer la video

function marchar(lui){

if(lui.paused){
lui.play();
}
else{
lui.pause()
}
} 




<video onmouseover='marchar(this)'>
   <source src='lavideo.mp4' type='video/mp4'/>
</video>



et pour la fin de lecture il y a l'evenement onended

function cacher(lui){

lui.style.display="none";

}


<video onmouseover='marchar(this)' onended="cacher()">
   <source src='lavideo.mp4' type='video/mp4'/>
</video>


0
m4cker Messages postés 65 Date d'inscription lundi 22 avril 2013 Statut Membre Dernière intervention 17 août 2016 1
25 sept. 2015 à 08:58
En Jquery tu as aussi :

$("#tonelement").hover(function(){
//TODO
});
0
Rejoignez-nous