Siena College Computer Science Outreach Project

Introduction

This project shares lectures and activities with students at two-year colleges. Our goal is to help prepare students for four year colleges and to learn more about students taking Computer Science courses at two-year colleges.

Please help us by

1. Filling out a pre-activity survey,
2. Watching the video below, and
3. Completing a quiz, activity and final survey in your web design class.

Pre-activity Survey

Please complete this survey before watching the video below.

Click Here To Complete the Survey

Lecture on HTML5 Video

The 36 minute video below is a lecture in a Web Design course at Siena College. Below are sample questions similar to the ones we might ask on a quiz or test. The video answers all these questions as well as the ones you will be asked in your class. The PowerPoint slides and the presented web pages are linked below the video.

Questions

1. What HTML tag is used to embed Shockwave Flash video files?
2. What new HTML5 tag is used to embed video into a web page?
3. Describe a disadvantage of using Shockwave Flash video.
4. Describe an advantage of using HTML5 video.
5. List two video formats currently supported by HTML5.
6. What attribute is used to ensure an embedded HTML5 video will have a play/pause button and volume controls?
7. List three attributes that can be used with the HTML5 video tag. Describe what each one does?
8. Why is it considered a bad practice to automatically start playing a video when the page is first loaded.
9. What is the ratio (width:height) for wide-screen video.
10. Describe how this code changes the video playback: source.webm#t=30,35

Video

Resources

• slides.pptx
• video1.html
• video2.html
• video3.html
• video4.html
• source.swf
• source.mp4
• source.webm
• source.ogv
• frame.jpg
• fake.jpg

Quiz, Activity & Final Survey

Will be given in class.