Html5 : Remplacer une image par une vidéo

Bonjour,

Je suis en train de réaliser mon site web en m'inspirant d'un template.
Tout est okay, sauf au niveau de la partie multimédia.
En effet, je souhaite inclure des vidéos lisibles directement sur le site. Ce dont je n'arrive pas à faire.

voici le bout du code y afférent :

<li>
<a href="#" data-largesrc="images/1.jpg" data-title="#" data-description="bla bla bla bla bla bla bla bla bla"><img src="images/thumbs/1.jpg" alt="img01"/>
</a>
</li>

Je suppose que le lien vidéo est à placer après "data-largescr". Mais Comment faire?

D'avance merci pour votre aide

Will