Comment intégrer une vidéo dans un emailing ?

Evoqué dans l’article de juillet « La révolution vidéo et le HTML5 », le support vidéo peut désormais être intégré dans le contenu de vos campagnes d’email marketing grâce au HTML5.

Une vidéo vaut mieux que 1 000 mots !

Savez-vous qu’une vidéo dans un email augmente de 278% le retour sur investissement par rapport à un simple email. Alors qu’attendez-vous ? De plus en plus de messageries supportent l’HTML5, voici le code à intégrer dans le contenu de votre campagne emailing :

<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>

Aujourd’hui, les vidéos sont lisibles sur les messageries suivantes :
– Apple Mail 4, 5 & 6
– Live Mail
– Lotus Note 6.5, 7, 8 & 8.5
– Thunderbird 24
– iPad 5, Native client
– iPhone 4S (iOS 5), Native client
– iPhone 4S (iOS 6), Native client
– iPhone 5 (iOS 6.1), Native client
– Outlook.com sur Chrome, Safari & IE 9 (Win)

L’HTML5 arrive petit à petit sur les clients de messagerie. Si la vidéo ne fonctionne pas pour le moment, ça sera le cas d’ici peu de temps. Déjà 58% des destinataires pourront voir votre vidéo directement dans l’email !

Avant vous intégriez une image avec un symbole lecture et le destinataire était redirigé vers un site web. Désormais, vous pouvez intégrer votre vidéo directement dans votre email. Une innovation sur laquelle il ne faut pas passer !

——————————————————–

Source :
https://www.emerce.nl/achtergrond/infographic-video-email-marketing
Webmarketing&Com

Mots recherchés pour arriver sur cette page :

  • intégrer une vidéo à un mail en html
  • newsletter avec video