Il est possible grâce au HTML5 d’intégrer une vidéo dans un email.
Le HTML5 arrive progressivement sur les clients de messagerie et plus de 50% des destinataires pourront voir votre vidéo directement dans l’email. Pour ceux qui ne peuvent pas, une image et un lien remplacent la vidéo permettant aux destinataires de voir la vidéo sur leur navigateur Web.
Voici ci-dessous le code à intégrer dans le contenu de votre email :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test d'une vidéo dans un email</title>
<style type="text/css">
@media screen and (max-width:600px) {
div[class=video_holder] {display:none;}
}
@media screen and (width:320px), screen and (width:703px){
div[class=video_holder] {display:block !important;}
}
.ExternalClass div.video_holder {display:none !important;}
</style>
</head>
<body>
<div class="video_holder">
<p>Video Div</p>
<video width="320" height="176" controls="controls">
<source src="Lien vers votre vidéo en mp4" type="video/mp4" />
<source src="Lien vers votre vidéo en webm" type="video/webm" />
<source src="Lien vers votre vidéo en ogv" type="video/ogg" />
<a href="Lien vers votre site web" ><img height="176" src="Lien vers l'image hébergée qui remplace la vidéo dans les messageries qui ne l'affichent pas" width="320" /></a>
</video>
</div>
</body>
</html>
Source
Les trucs que j’aime
Poster un commentaire
Comments 0