Video and Audio

Question 1

Why is Flash less popular now for websites and videos?

Answer 1

• Emergence of javascript libraries that support animation
• Flash does not met accessibility requirements
• Emergence of native browser support (video and audio)

Question 2

How would we add a flash video to a page

Answer 2

Generally done via Javascript
<code></code>

</code>

We will also need a flash video player . An open source one is osplayer

Then we call the swfobject and it’s method embedSWF
<code></code>

var flashvars = {};
var params = [movie:"../video/bird.flv"]
swfobject.embedSWF("flash/osplayer.swf", "bird", "400", "300", "8.0.0", flashers, params);

</code>

The parameters for the method go like this:
video to play, id value of the element that the video should replace, width and height in pixels, min flash player

Question 3

What video formats do browsers support?

Answer 3

H264: IE and Safari
WebM: Androis, Chrome, Firefox, Opera

Question 4

What’s the tag options for adding video

Answer 4

Other options
preload: none | auto | metadata
autoplay

Question 5

What if I need to include videos in multiple formats

Answer 5

You can use a source tag inside the video tag

Question 6

What audio formats do browsers support

Answer 6

MP3: Safari, Chrome, IE

Ogg Vorbis: Firefox, Chrome, Opera

Question 7

How do I add audio to a page

Answer 7

Also takes
preload: none | auto | metadata
loop

Question 8

What do I need to do include different audio formats

Answer 8

Use the source tag