VIDEO PROJECT

Tutorials
First, study these tutorals, which will help with your project:
- Textbook HTML and CSS, chapter 9 – Audio and Video.
- HTML5 YouTube Videos
- HTML5 Audio and Video
- Exploring the HTML5 video tag

To Do
Create a single HTML5 webpage with two videos about the subjects of your choice.
You have to use different ways to insert the videos to the web page
1. The first video: use the absolute URL of your chosen video (you can find some on Youtube)
Note:
How to Copy Ready YouTube Embed Code
Go to the YouTube page, select a video, and click on the 'Share' option that is displayed below.
You'll find the; 'Embed' option, click on that option. Now you'll get the Embed Code; you can copy the code from there and paste it into your HTML file.

2. The second video: embed the video file into the web page
For embedding the video file, find one on the internet (unless you have your own video)
If you have a file with .mov extension, it is better to convert it to .mp4, which would have much smaller file size.
Use one on the online converters, for example https://cloudconvert.com/mov-to-mp4

For an embedded video, the file size should be small - no larger than 4mb.
Of course this video file has to be uploaded onto your dropbox together with the web page.

Submission
- Name your web page index.html,
- Create a folder called 'video',
- Add both files: index.html and video file,
- Upload the folder to your dropbox,

EXAMPLES:
Example using an absolute URL, copied from youtube

Example embedding a video file into HTML5 (mp4 made in Photoshop):