adding audio and video

ADDING VIDEO AND AUDIO

ADDING VIDEO• Video is perhaps the most practical

multimedia element. In one quick video cli, you can show visitors a concept or a process, rather than describing it in lengthy paragraphs or steps.

ADDING VIDEO• If you surf the Web, though, you’ll

find few videos. Despite it’s potential, Web based video is virtually unusable in most situations. Video files are huge. Even a small, short, low quality video is usually 2 MB or more and takes several minutes to download over connection.

ADDING VIDEO• In addition, visitors must have the

right plug-in. And downloading a plug in and the huge files to view a few seconds of video is not an attractive option.

Common Video File Formats• .AVI (Audio Video Interlaced) – This is a long-time

standard developed by Microsoft and has been around as long as digital video has. .AVI files (particularly when uncompressed) tend to be HUGE, way too big for the internet. AVI is more for the beginning of a video project, not the end. In that sense, it is not really a sharing format.

• .FLV (Flash Video Format) – Flash video is the single most common sharing format on the web today. You'll see the .FLV file extension on videos encoded by Adobe Flash software to play within the Adobe Flash Player. Virtually everyone (99%) has the adobe player installed in their browser and so this has fast become the most common online video viewing platform.

Common Video File Formats• MPEG-4 Part 14 (.MP4) – great sharing format for

the internet. It's small but looks fairly clean. It's the video format employed by a growing number of camcorders and cameras and it is highly recommended.

• .WMV (Windows Media Video) – A .WMV file indicates a windows media video file. Windows Media Video is used for both streaming and downloading content via the Internet. Microsoft's Windows Media Player, an application bundled with Windows operating systems, is built for WMV files. WMV files are tiny. WMV will give you one of the smallest final file sizes

• .MOV - .is the file extension used to identify an Apple Quick Time Movie. .MOV is an extremely common sharing format. It is considered one of the best looking and it does look great but the files sizes are big.

Adding Video in WebpageIn order to add a video or movie on a web page, you can use the <video> element/tag. You have to specify the width and height attributes so that the space required for the video is reserved when the page is loaded.Ex.

VIDEO CODE

OUTPUT

<video></video>TagsAttribute Name Definition

<video></video> defines a video or movie

<source> Defines a multiple media resources for media elements such as video and audio

Embedding a Video FileYou embed a Youtube video file by using the <embed> tag to your HTML document. An embedded video will play directly on your webpage. You can control the width and the height of the window in which the video file appears.

Embedding a Video FileYou embed a Youtube video file by using the <embed> tag to your HTML document. An embedded video will play directly on your webpage. You can control the width and the height of the window in which the video file appears.

Click Share link

Click Embed link

Copy iframe code and paste into HTML document

Embedding a Video Code

Embedding a VideoOutput

Assignment Activity: To be posted in the FB group page.

Output Code

1. Asia a. Philippines

• Manila• Quezon• Rizal

b. Thailand• Bangkok• Phuket

2. Europe a. Italy

• Rome• Venice

b. United Kingdom• London• Nottingham

Transitional Page

Backdrops:- These are full sized backdrops, just scale them up!- Can be Copy-Pasted out of Templates for use anywhere!

www.animationfactory.com