Embedding Video to Display Inside of Emails

Created:

Jan 2, 2020

Updated:

July 20, 2020

If the merchant insists on sending video-based emails to serve the few customers who will be able to view them, they can follow the steps below:

Step 1 - Select 'Content' panel from email editor right-hand panel

Step 2 - Drag 'HTML' element onto page

Step 3 - Create an mp4 file containing your video and upload it to the desired location on the web. Note, YouTube URLs cannot be autoplayed inside of emails.

Step 4 - Use the following template to create your video element:

<video autoplay width="400" height="600" controls poster="<image_url>" src="<video_url>">
<a href="<video_url>"><img height="600" src="<image_url>" width="400" /></a>
</video>
Where
<image_url> is the image that will be displayed to users who are using email clients that do not support video (the majority)
<video_url> is the video file that you want to link to

For example:
<br />
<video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 ">
<a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a>
</video>
<br />

5) Click into new HTML element

6) Paste the finalized HTML content block

No additional images found.

Embedding Video to Display Inside of Emails

Created:

Jan 2, 2020

Updated:

July 20, 2020



This article covers how to embed videos to play directly inside emails as opposed to tapping a thumbnail to link to the video hosted someplace else (Vimeo, Youtube etc.) Users should be aware that support for video inside of email is weak at the current time and is not widely supported. The best bet is to use the built-in video content box by dragging the Video block from the CONTENT panel of the email editor and complete the hyperlink setup. Read Adding Video Content Blocks to Campaigns for best practice guidance.

If the merchant insists on sending video-based emails to serve the few customers who will be able to view them, they can follow the steps below:

Step 1 - Select 'Content' panel from email editor right-hand panel

Step 2 - Drag 'HTML' element onto page

Step 3 - Create an mp4 file containing your video and upload it to the desired location on the web. Note, YouTube URLs cannot be autoplayed inside of emails.

Step 4 - Use the following template to create your video element:

<video autoplay width="400" height="600" controls poster="<image_url>" src="<video_url>">
<a href="<video_url>"><img height="600" src="<image_url>" width="400" /></a>
</video>
Where
<image_url> is the image that will be displayed to users who are using email clients that do not support video (the majority)
<video_url> is the video file that you want to link to

For example:
<br />
<video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 ">
<a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a>
</video>
<br />

5) Click into new HTML element

6) Paste the finalized HTML content block



For more information on the HTML5 video element, see https://www.w3schools.com/html/html5_video.asp

For the recommended way to display video in campaigns use the Video content block. See Adding Video Content Blocks to Campaigns for instructions.

‍

Back to view all

Scheduled Email Marketing

Articles

Additional Images/Examples

No additional images found.

Knowledge Base

Marketing

/

Scheduled Email Marketing

Embedding Video to Display Inside of Emails

Step 1 - Select 'Content' panel from email editor right-hand panel

Step 2 - Drag 'HTML' element onto page

Step 3 - Create an mp4 file containing your video and upload it to the desired location on the web. Note, YouTube URLs cannot be autoplayed inside of emails.

Step 4 - Use the following template to create your video element:

For example:
<br />
<video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 ">
<a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a>
</video>
<br />

5) Click into new HTML element

6) Paste the finalized HTML content block

Embedding Video to Display Inside of Emails

Step 1 - Select 'Content' panel from email editor right-hand panel

Step 2 - Drag 'HTML' element onto page

Step 3 - Create an mp4 file containing your video and upload it to the desired location on the web. Note, YouTube URLs cannot be autoplayed inside of emails.

Step 4 - Use the following template to create your video element:

For example:
<br />
<video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 ">
<a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a>
</video>
<br />

5) Click into new HTML element

6) Paste the finalized HTML content block

Additional Images/Examples

Contact our Support Helpdesk

Knowledge Base

Marketing

/

Scheduled Email Marketing

Embedding Video to Display Inside of Emails

Step 1 - Select 'Content' panel from email editor right-hand panel

Step 2 - Drag 'HTML' element onto page

Step 3 - Create an mp4 file containing your video and upload it to the desired location on the web. Note, YouTube URLs cannot be autoplayed inside of emails.

Step 4 - Use the following template to create your video element:

For example:<br /><video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 "><a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a></video><br />

5) Click into new HTML element

6) Paste the finalized HTML content block

Embedding Video to Display Inside of Emails

Step 1 - Select 'Content' panel from email editor right-hand panel

Step 2 - Drag 'HTML' element onto page

Step 3 - Create an mp4 file containing your video and upload it to the desired location on the web. Note, YouTube URLs cannot be autoplayed inside of emails.

Step 4 - Use the following template to create your video element:

For example:<br /><video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 "><a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a></video><br />

5) Click into new HTML element

6) Paste the finalized HTML content block

Referenced or Related Articles

Additional Images/Examples

Contact our Support Helpdesk

For example:
<br />
<video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 ">
<a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a>
</video>
<br />

For example:
<br />
<video width="400" height="600" controls poster="https://example.com/image.png" src=" https://example.com/video.mp4 ">
<a href="https://example.com/video.mp4"><img height="600" src="https://example.com/image.png" width="400" /></a>
</video>
<br />