#10p1 Developing Web Products - Build Your Own Revision Website 5

Objectives

• LO1 - To understand how to EMBED a video into your website
• OUTCOME - You will have added a video to your website using HTML code

Starter

• Go to http://www.screencast-o-matic.com/screen_recorder
• Record a video showing how to create and edit a blank HTML template
• Publish your completed video file as an AVI
• Save it in your ASSETS folder

Main

RED TASK

• Using the <VIDEO> HTML tag embed your video on to the How to Embed Media page of your 
• <video src="Path to your video here" controls="controls" width="width in pixels" height="height in pixels"></video>

AMBER TASK

• Use feeSFX.co.uk to download a sound - save it in your ASSETS folder
 

GREEN TASK - Record videos to go on to your website pages

• Use the <AUDIO> HTML tag to embed your sound on to the How to Embed Media page of your 
• <audio src="Path to your sound here" controls="controls"></audio>

Plenary

Test your website
Open your homepage in Chrome or Internet Explorer
Does it all work correctly? Do you need to change / fix anything?