This document provides information and instructions for adding video content to Etudes courses from various sources like YouTube, Vimeo, and dotSUB. It discusses using both old embedded code (for programs like YouTube and Vimeo) as well as new iframe code, and provides specific guidance on inserting videos into different areas of an Etudes site like modules, announcements, and discussions. Captions are also addressed, with dotSUB recommended for easily creating timed captions to make videos accessible.

1. Using Video in Etudes Etudes Summit 2011

2. How to Get Video Real camcorder Flip camera Digital camera iPhone Photo Booth/iMovie Find (share) someone else’s great video

3. NEW code vs. OLD code Old code begins with <object… Generally based on shockwave-flash Won’t work in iPhone, iPad, iPod Touch, etc. New code begins with <iframe… Supports iPad, iPhone, Flash, HTML5 video, etc.

4. Programs Reviewed YouTube – www.youtube.com Most widely used – can usually find other videos in your subject matter Sometimes will machine transcribe for you You can add your own transcription Lots of options & help Uses New or Old code- your choice Viddler – www.viddler.com Only OLD code is available User selects player size and style

5. Programs Reviewed (cont.) Vimeo – www.vimeo.com Uses New or Old code- your choice Can upgrade for more features dotSUB – www.dotsub.com Pretty easy to add transcription Allows you to translate into many languages Allows you to download your transcription (use to add transcription to other program’s videos Only NEW code is available

6. Code for Home Page Use code from any program Remove all code in front of and behind the http address (including quotes)

7. Code for Announcements & Syllabus Can only use “old code” from YouTube, Viddler, Vimeo Remove ALL code in front of the embed tag

8. Code for Modules Code from all programs works: new code, old code, YouTube, Viddler, Vimeo, dotSUB, etc. Sferyx editor Click on HTML Source tab at bottom of editor box to paste in code FCK editor Click on Source link in toolbar to paste in code Usually won’t see anything while editing unless you’re in the HTML source code – just save and view

9. Code for AT&S Tiny MCE editor, used only in AT&S Only “new” code works – from YouTube, dotSub, Vimeo Once again, you won’t see the video while in editor mode unless you’re viewing the html, and then you’ll only see the code, not the video Save the question, then preview.

10. Code for Discussions Use code from any source This is the FCK editor – click on the Source link in the toolbar to paste in your code No need to edit code

11. Captions Captions are usually needed to assist students with disabilities (ADA) dotSUB is the best program for creating captions You slowly play back the video and type in what you hear. Time codes are supplied but can be edited Download these transitions to use in other programs YouTube will sometimes create an automatic transcription, but it’s usually hilariously incorrect Other programs exist to help you make captions

12. A Quick Note About Audio

13. That’s All Folks!