La date/heure actuelle est Jeu 28 Mar 2024 - 11:45

1 résultat trouvé pour image-map

Insérer une vidéo "embed" sur une image

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Quand j'essaye de mettre la vidéo
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonsoir,
sur mon forum, sur le message de la page d'accueil, il y a une image avec un espace libre au milieu pour mettre une vidéo et des mots cliquables autour.
Tag image-map sur Forum gratuit : Le forum des forums actifs OiCKLUC
Voilà mon code actuel:
<div>
<img usemap="#image-map" src="https://i.imgur.com/8teQqXf.png" />
<map name="image-map">
<area shape="rect" coords="246,121,394,181" href="lien" />
<area shape="rect" coords="246,197,394,257" href="lien" />
<area shape="rect" coords="246,272,394,332" href="lien" />
<area shape="rect" coords="768,121,916,181" href="lien" />
<area shape="rect" coords="768,197,916,257" href="chaîne youtube" />
<area shape="rect" coords="768,272,916,332" href="lien" />
<area shape="rect" coords="454,333,706,393" href="#bottom" />
</map>
</div>

Et je souhaiterai pouvoir ajouter la vidéo suivante pour exemple, ce sera une autre vidéo que je mettrai à la fin, dans ce cadre: https://www.youtube.com/embed/E9x1q-QRg3w

Info utile: La place pour la vidéo au milieu a pour largeur 367 pixels et pour hauteur 207 pixels.
Coin haut gauche: 398, 124
Coin haut droit: 764, 124
Coin bas gauche: 398, 330
Coin bas droit: 764, 330

Le code doit être en HTML seulement mais si CSS nécessaire, utiliser la balise <style>.
Merci d'avance.
par LockStick
le Dim 19 Nov 2017 - 17:37
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Insérer une vidéo "embed" sur une image
Réponses: 6
Vues: 1074

Revenir en haut

Sauter vers: