Bonjour,

J'ai un site avec des thumnails vidéos, lorsqu'on survol la miniature avec avec la souris la vidéo s'enclanche, cela permet d'avoir un preview sans sons de 7 secondes.

Le problème c'est que sur mobile lorsqu'on touche la miniature la vidéo ne se lance pas, pour qu'elle se lance il faut laisser appuyer 3 secondes et faire sortir le menu contextuel du smartphone.

Comment on fait pour appliquer cet effet sur mobile en touchant a peine la miniature?

<a href="{$baseurl}/video/{$videos[i].VIDEOID}/{$title}"><video class="video" loop="" onmouseover="this.play()" onmouseout="this.pause()">
    <source src="{$baseurl}/thumbs/{$videos[i].VIDEOID}.mp4" type="video/mp4">
    </video></a>

Je me prends la tete depuis 3 jours sur ce problème, j'ai vu qu'on pouvait utiliser du CSS ou du JS avec du "ontouch" ou "onmouseevent", mais rien ne marche...

Merci d'avance.