HTML5 Video

First Day of School 2018 Doodle
First Day of School 2018 Doodle

Lesson

Add a HTML5 video to a post using the Xidipity template.

 

Design Notes

The template consists of a block quote which displays the reference in the editor and a HTML5 video tag which displays the video on the web. HTML5 supports a variety of aspect ratios.

 

Template

½×

GitHub Gist

video040201.html

 

Required Information

  1. Name Of Video: Vizio Chromecast TV
  1. Source Link: https://cdn.vizio.com/email_assets/20170817/smartcast-ui-animation.mp4
  2. Source Name: Vizio
  3. Caption text: VIZIO Smart TV

 

 Installation

  1. Highlight  & copy template to clipboard
  2. Open sandbox editor & paste clipboard
  3. On line 8, replace “URL.mp4” with source link
  4. On line 9,  replace “CAPTION” with “VIZIO Smart TV” 
  5. Highlight updated template & copy to clipboard
  6. Place cursor where video will be embedded
  7. Click the embed ( save_alt ) button
  8. Paste the updated clipboard content into the text box
  9. Click the “OK” button

 


demonstration


 

Editor View

 

Video

HTML5

 

Web View

 

Video

HTML5

VIZIO Smart TV