intégrer une vidéo sur une image à un endroit spécifique

Question

J'ai une image sur ma page et j'essaie d'intégrer une vidéo youtube sur un emplacement spécifique. Comment puis-je faire ceci? usemap?

Answer 1

Vous ne pouvez pas utiliser la syntaxe CSS position: absolute; top: 0px; left: 0px; pour l'aligner, mais l'image doit être background-image: de l'élément parent de la vidéo.

<div style="background-image: url(image.jpg);"> 
<!--- embed youtube vid here with style="position: absolute; top: 0px; left: 0px; z-index: 100;" ---> 
</div> 

Answer 2

Vous pourriez avoir un problème de terminologie ici; Au lieu de penser à «incorporer» quelque chose dans l'image - pensez plutôt à avoir un contenu contenant la vidéo div, avec l'image en question comme arrière-plan. Ensuite, utilisez simplement CSS pour positionner la vidéo dans le div.

Answer 3

Vous pouvez également utiliser la version html5 de la vidéo et utiliser l'attribut affiche:

http://www.labnol.org/internet/embed-youtube-videos-in-html5-flash/14092/

http://dev.opera.com/articles/view/introduction-html5-video/