Code pour Image lien vidéo
HMDTDEV
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaiterais mettre une image à la place de l'affichage directe d'une vidéo que je veux intégrer dans une de mes pages. Dans un premier temps j'ai réussi à mettre l'image mais en cliquant dessus la vidéo ne démarrait pas. Donc j'ai mis le code suivant:
<a class="block-home" href="//www.lienvidéoyoutube.com"><img src="{{media url="wysiwyg/milano/homepage/IMAGE1.png"}}" alt="NOMIMAGE1" /></a><a class="block-home"href="//www.lienvidéoyoutube.com"><iframe width="317" height="280" src="//www.lienvidéoyoutube.com" frameborder="0" allowfullscreen alt="NOMIMAGE2"></iframe></a><a class="block-home" href="//www.lienvidéoyoutube.com"><img src="{{media url="wysiwyg/milano/homepage/IMAGE3.png"}}" alt="NOMIMAGE3" /></a>
La vidéo s'affiche en petit entre deux images, mais l'image 2 ne remplace pas la vidéo. Je souhaiterais qu'il ai l'image 2 à la place du cadre youtube de la video et qu'en cliquant sur l'image 2 la vidéo se lance en petit directement.
Je voudrais savoir si cela est possible et si quelqu'un pouvais me donner un code
Cordialement
Je souhaiterais mettre une image à la place de l'affichage directe d'une vidéo que je veux intégrer dans une de mes pages. Dans un premier temps j'ai réussi à mettre l'image mais en cliquant dessus la vidéo ne démarrait pas. Donc j'ai mis le code suivant:
<a class="block-home" href="//www.lienvidéoyoutube.com"><img src="{{media url="wysiwyg/milano/homepage/IMAGE1.png"}}" alt="NOMIMAGE1" /></a><a class="block-home"href="//www.lienvidéoyoutube.com"><iframe width="317" height="280" src="//www.lienvidéoyoutube.com" frameborder="0" allowfullscreen alt="NOMIMAGE2"></iframe></a><a class="block-home" href="//www.lienvidéoyoutube.com"><img src="{{media url="wysiwyg/milano/homepage/IMAGE3.png"}}" alt="NOMIMAGE3" /></a>
La vidéo s'affiche en petit entre deux images, mais l'image 2 ne remplace pas la vidéo. Je souhaiterais qu'il ai l'image 2 à la place du cadre youtube de la video et qu'en cliquant sur l'image 2 la vidéo se lance en petit directement.
Je voudrais savoir si cela est possible et si quelqu'un pouvais me donner un code
Cordialement
A voir également:
- Code pour Image lien vidéo
- Code ascii - Guide
- Créer un lien pour partager des photos - Guide
- Montage video windows - Guide
- Lien url - Guide
- Comment télécharger une vidéo youtube - Guide
2 réponses
Salut
avec javascript voici une solution
<script type="text/javascript">
function videoShow() {
document.getElementById('videoframe').style.display = 'block';
}
</script>
<img src="ta-photo.jpg" style="cursor:pointer;" onclick="videoShow()">
<iframe id="videoframe" style="display:none;" width="317" height="280" src="url de la video"></iframe>
avec javascript voici une solution
<script type="text/javascript">
function videoShow() {
document.getElementById('videoframe').style.display = 'block';
}
</script>
<img src="ta-photo.jpg" style="cursor:pointer;" onclick="videoShow()">
<iframe id="videoframe" style="display:none;" width="317" height="280" src="url de la video"></iframe>
