Offer Multiple Sources
ကၽြန္ေတာ္တုိ႕ေတြ အေနနဲ႕ audio ၊ video ေတြရဲ႕ source ကို တစ္ခုထက္ မက ထည့္လို႕ရပါတယ္။ <video> မွာဆုိရင္ .webm , .ogg , .mp4 စတာေတြကို တစ္ခါတည္း ထည့္ထားလို႕ရပါတယ္။ HTML 5 မွာ တစ္ခု နဲ႕ ဖြင့္လုိ႕ မရရင္ ေနာက္ထပ္ source တစ္ခု ကို အလိုအေလ်ာက္ ေျပာင္းဖြင့္ေပးပါလိမ့္မယ္။ ဒါေၾကာင့္ video အတြက္ ဆုိရင္ ပံုမွန္ အားျဖင့္ .ogg , .mp4 file ၂ ခု ကို ထည့္သြင္းတတ္ၾကပါတယ္။ .ogg ကေတာ့ chrome , fire အတြက္ ျဖစ္ျပီးေတာ့ .mp4 ကေတာ့ safari , iphone , ipad စတာေတြ အတြက္ပါ။
<!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">
</video>
</body>
</html>ဒီ example မွာဆုိရင္ေတာ့ ပံုမွန္ video နဲ႕ အတူူတူပါပဲ။ ကြာတာကေတာ့ source အသံုးျပဳထားတာပါ။
<source> tag ရဲ႕ src attribute မွာ ထည့္မယ့္ video ရဲ႕ file လမ္းေၾကာင္းကို ထည့္ရပါတယ္။ type ကေတာ့ video ရဲ႕ MIME ပါ။ ဒီ code မွာ multiple source ကို အသံုးျပဳထားျပီး ogg, webm , mp4 စတာေတြ ရိွတဲ့ အတြက္ေၾကာင့္ safari , chrome ,firefox , iphone safari ,ipad safari စတာေတြမွာလည္း အလုပ္လုပ္ပါလိမ့္မယ္။