Support Older Browsers
firefox 3.5 မတိုင္ခင္ chrome 4.0 မတိုင္ခင္ ေနာက္ျပီးေတာ့ IE 9.0 မတိုင္ခင္စသည့္ အရင္ browser အေဟာင္း ေတြမွာ HTML 5 ကို support မလုပ္ပါဘူး။ ဒါေၾကာင့္ <video> နဲ႕ <audio> tag ေတြ အလုပ္မလုပ္ပါဘူး။ အဲဒီ browser ေတြအတြက္ပါ အလုပ္လုပ္ေစခ်င္ရင္ေတာ့ <embed> tag ႏွင့္ <object>tag ကို တြဲ အသံုးျပဳျပီး video ,audio ေတြကို ထည့္ႏိုင္ပါတယ္။
<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<h1>Big Buck Bunny</h1>
<object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="640" height="375">
<param name="src" value="movie.mp4">
<embed src="movie.mp4" width="640" height="375">
</object>
</body>
</html>ဒီ code မွာဆုိရင္ quick time plugin ကို အသံုးျပဳျပီးေတာ့ video ဖြင့္ထားတာပါ။ စက္ထဲမွာ quick time သြင္းထားဖို႕ လိုပါလိမ့္မယ္။ ထည့္ခ်င္တဲ့ video ကို
<param name="src" value="movie.mp4">
<embed src="movie.mp4" width="640" height="375">လုိ မ်ဳိးထည့္သြင္းႏိုင္ပါတယ္။ video file ကို movie.mp4 သံုးထားပါတယ္။ width နဲ႕ height ကို 640 နဲ႕ 375 px သံုးထားပါတယ္။
<object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="640" height="375">classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" ဆိုတာကေတာ့ plugin ရဲ႕ ID နံပတ္ျဖစ္ပါတယ္။ quick time ကို အသံုးျပဳမွာ ျဖစ္တဲ့အတြက္ေၾကာင့္ အဲဒီ id ကို အသံုးျပဳရပါတယ္။
Figure 12-5
ကၽြန္ေတာ္တုိ႕ HTML 5 က video tag နဲ႕ ေပါင္းျပီး ေရးလိုက္ရင္ ဒီလို ရပါတယ္။
<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<h1>Big Buck Bunny</h1>
<video controls>
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<source src="movie.mp4" type="video/mp4">
<object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="640" height="375">
<param name="src" value="movie.mp4">
<embed src="movie.mp4" width="640" height="375">
</object>
</video>
</body>
</html><video> tag ထဲ မွာ source ေတြ တစ္ခု မွ အလုပ္မလုပ္ေတာ့ရင္ ေနာက္ဆံုး object ကေန video ျပေပးပါလိမ့္မယ္။ ဒါေၾကာင့္ ဒီ code ဟာ HTML 5 browsers ေတြ အျပင္ browser ေဟာင္းကို ပါ အလုပ္လုပ္ေပးပါလိမ့္မယ္။