Vimeo Video

Türkan Saylan’s 81st Birthday Doodle
Türkan Saylan’s 81st Birthday Doodle

Lesson

Add a Vimeo 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 Vimeo script tag which displays the video on the web. Vimeo supports a variety of aspect ratios.

 

Template

½×

GitHub Gist

video030201.html

 

Required Information

  1. Name Of Video: Taking Pictures
  1. Source Link: https://vimeo.com/simontaylor/taking-pictures
  2. Source Name: Vimeo
  3. Caption text: Taking Pictures

 

 Installation

  1. Highlight  & copy template to clipboard
  2. Open sandbox editor & paste clipboard
  3. Go to Vimeo source link
  4. Click “Share
  5. Click “+ Show Options
    Make sure “Responsive” is checked.
  6. Highlight and copy “Embed” contents to clipboard
  7. On line 8, replace “VIMEO EMBED DIV” with clipboard
  8. On line 9,  replace “CAPTION” with “Taking Pictures” 
  9. Highlight updated template & copy to clipboard
  10. Place cursor where video will be embedded
  11. Click the embed ( save_alt ) button
  12. Paste the updated clipboard content into the text box
  13. Click the “OK” button

 


demonstration


 

Editor View

 

Video

Vimeo

 

Web View

 

Video

Vimeo

Taking Pictures