HTML5 Embedded Video

[vc_row nt_foevis_container_display=”true” css=”.vc_custom_1516381946658{padding-top: 160px !important;}”][vc_column][vc_column_text]

HTML 5 Embedded Video

Click Here to download a Quick Reference PDF

Despite the seemingly limited support of HTML5 embedded video, the clients that do support this feature represent more than half the market share with Apple iOS 10 and Samsung Galaxy. For clients lacking support for embedded video, a thumbnail linked to the hosted video on a third-party site will render in its place.

Fallback

This feature includes two fall back scenarios. If a user has a client that does not support embedded video, but does support animated GIFs, they will receive an animated GIF that links to an external video. If a user is on a client that doesn’t support embedded video or GIF animations, they will receive a static JPG image that will link to an external video.[/vc_column_text][/vc_column][/vc_row][vc_row nt_foevis_container_display=”true” gap=”20″][vc_column width=”1/2″][vc_column_text]

Live Example

[iframe src=”https://www.autoloop.us/DMS/public/ViewCampaign.aspx?savedcampaignid=4f9dbeed-caea-41f8-90ac-141504c8ae49&companyid=5782&Customer=true&notificationid=7586ae50-84fa-4f4b-840c-b6af238608e6″ width=”100%” height=”800″]

View Full Live Example – Click Here

Litmus Test of All Clients – Click Here

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

Fallback

[/vc_column_text][vc_single_image image=”4366″ img_size=”full”][/vc_column][/vc_row][vc_row nt_foevis_container_display=”true” css=”.vc_custom_1512060053425{padding-top: 60px !important;}”][vc_column][vc_column_text]

Best Practices

  1. Fallback scenario must be taken into consideration. Creative should look acceptable with feature in tact, and feature fallback.
  2. We suggest indicating the feature ability in the creative when possible – i.e. “View More Details”, “Rollover to see more” – or other actionable content indicating additional information exists, but is hidden.
  3. This feature can not be used on top of a background image or within a slider.

[/vc_column_text][/vc_column][/vc_row][vc_row nt_foevis_container_display=”true” css=”.vc_custom_1512065846762{padding-top: 60px !important;padding-bottom: 80px !important;}”][vc_column width=”1/2″][vc_column_text]

Supported Clients

  1. Apple Mail
  2. Thunderbird
  3. iOS 10 Native
  4. Samsung Galaxy

[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_column_text]

Fallback (Animated GIF) Clients

  1. iOS 9 Native Client
  2. iOS Gmail Client
  3. Android Gmail
  4. Gmail Desktop
  5. Yahoo Desktop

 

Fallback (Static JPG) Clients

  1. Outlook (All versions)

[/vc_column_text][/vc_column][/vc_row]