Presentation is loading. Please wait.

Presentation is loading. Please wait.

Unit 2 Module 6: HTML Video.  Use the tag  Use the for adding closed captions or other timed text  Why learn coding skills?  From the experts 

Similar presentations


Presentation on theme: "Unit 2 Module 6: HTML Video.  Use the tag  Use the for adding closed captions or other timed text  Why learn coding skills?  From the experts "— Presentation transcript:

1 Unit 2 Module 6: HTML Video

2  Use the tag  Use the for adding closed captions or other timed text  Why learn coding skills?  From the experts  http://www.youtube.com/watch?v=nKIu9yen5nc http://www.youtube.com/watch?v=nKIu9yen5nc Adding Video to pages

3  MP4 File  WebM File  JPG File  VTT file Files associated with video

4  http://code.org/promote http://code.org/promote  You may also produce your own video  Producing your own video will require you to :  Produce the video – opportunity to work with video editing software  Convert the video to appropriate format (MP4 and WebM are preferred for cross-browser capability).  Video converter here: http://www.mirovideoconverter.com/http://www.mirovideoconverter.com/  You will need to caption the video:  http://amara.org/en/ http://amara.org/en/  http://dotsub.com/ http://dotsub.com/  The caption format needed for HTML is WebVTT Videos to use on your web page

5  You will be checking video players in a variety of browsers  Chrome  Explorer  Mozilla  Etc.  Make sure that the file path is correct in order for the video to play  If video doesn’t work with a browser try it with another browser as it may be a browser issue Lesson 1: Adding Video to Web Pages

6  Reading:  http://appleinsider.com/articles/12/03/14/mozilla_conside rs_h264_video_support_after_googles_vp8_fails_to_ga in_traction http://appleinsider.com/articles/12/03/14/mozilla_conside rs_h264_video_support_after_googles_vp8_fails_to_ga in_traction  Reflection Questions:  Who are the good guys in this conflict  Who are the bad guys? Lesson 1 (Continued)

7  To add an uncaptioned video to your video.html file Lesson 1 Outcome


Download ppt "Unit 2 Module 6: HTML Video.  Use the tag  Use the for adding closed captions or other timed text  Why learn coding skills?  From the experts "

Similar presentations


Ads by Google