suite à un bug de wordpress, je switch vers les template libre de html5up.
J'utilise le template => https://html5up.net/multiverse Sur ce tamplate il y a 12 images, si on clique sur l'une d'elles (qui est un miniature), ca ouvre l'image au format de base, par-dessus.
Je voudrais que, l'image cliquable ouvre une vidéo, (une video dans le serveur ou youtube), mais qu'elle s'ouvre par-dessus, comme pour les images au format de bases. (j'ai un peu de mal a m'expliquer ><)
le code Html de base :
<article class="thumb">
<a href="images/fulls/09.jpg" class="image"><img src="images/thumbs/09.jpg" alt="" /></a>
<h2>Neque et faucibus viverra</h2>
<p>Nunc blandit nisi ligula magna sodales lectus elementum non. Integer id venenatis velit.</p>
</article>
il faudrait que <img src="images/thumbs/09.jpg" alt="" /> soit un lecteur vidéo.
Voici le code css qui intervient pour class="thumb
Je n'arrive pas a positioné iframe par rapport à <a>
<article class="thumb">
<a href="https://player.vimeo.com/video/281998623" class="image"><img src="images/thumbs/05.jpg" alt="" /></a>
<h2>Animation of Nova Twins logo</h2>
<p> – 2018 July – Free share But Nova Twins's All rights reserved</p>
</article>
Avec poster, il y a bien l'image, mais quand on clic dessus, il a un logo de chargement qui tourne en boucle. (Mais clic droit => ouvrir dans un nouvelle onglet, ca ouvre la vidéo).
En vadrouillant, j'ai trouvé ce site : https://oconnors1.ddns.net/
qui utilise le même thème. J'ai copié son html. Quand on survole la vidéo, ça la lis ! C'est plutôt bien. Mais ça n'ouvre pas la vidéo quand on double clic.
Ça viendrai du css ou du js ?
- Edité par Valentin LePetiot 20 juin 2021 à 21:11:09
Un sourire coûte moins cher que l'électricité, mais donne autant de lumière
Et tu auras dans cette petite ruelle au nom d'explore, une petite pièce d'or.