web-dev-qa-db-fra.com

Intégration de la vidéo dans un courrier électronique - possible?

Est-il possible d'intégrer une vidéo dans un courrier électronique pour permettre au téléspectateur de visionner la vidéo dans le courrier électronique lui-même de manière cohérente et compatible avec plusieurs plates-formes?

emailvideoembedded-controljplayer
2
hwp08

Les vidéos Youtube peuvent sembler être incorporées lors de l'accès au client Web de GMail , mais non, c'est un courrier électronique, il n'y a en réalité aucune norme de contenu.

2
toomanyairmiles

Il n'y a pas de méthode pour incorporer une vidéo dans un courrier électronique qui garantisse la lecture dans tous les clients de messagerie.

La meilleure solution consiste à utiliser l'incorporation de vidéos HTML5, suggérée dans cet article de blog à partir de Campaign Monitor. Cela vous permet de spécifier une image de secours invitant les utilisateurs de clients de messagerie sans support vidéo HTML5 à cliquer sur une page Web pour afficher la vidéo dans leur navigateur.

Voici la conclusion de leur blog:

HTML5 reste la meilleure option pour incorporer une vidéo dans un courrier électronique. Pouvoir fournir de manière fiable une image de secours est très certainement avantageux pour les clients de messagerie non Apple: pour les utilisateurs de Apple, la possibilité de regarder une vidéo dans la boîte de réception peut potentiellement offrir une expérience unique et attrayante.

Notre recommandation reste que vous devez décider s'il est utile d'envoyer un email vidéo en vous référant d'abord aux rapports de vos clients de messagerie. Si un pourcentage élevé de vos abonnés utilisent Apple, cela pourrait être intéressant. Les autres destinataires verront l'image de secours, que vous pourrez utiliser pour inviter les clics publicitaires à une version de votre vidéo hébergée en ligne.

Voici leur exemple du code à inclure:

<video width="600" poster="fallbackimage.png" controls autoplay>
   <source src="http://mydomain.com/video.mp4" type="video/mp4" />
   <source src="http://mydomain.com/video.webm" type="video/webm" />
   <source src="http://mydomain.com/video.ogv" type="video/ogg" />

   <!-- Fallback if HTML5 video is not supported -->
   <a href="http://mydomain.com"><img border="0" src="fallbackimage.png" label="Fallback Image" width="600"></a>
</video>

Exemple tiré de "Vidéo HTML5 dans un courrier électronique: une mise à jour sur la prise en charge du client pour 2011" sur le blog de Campaign Monitor.

2
Nick