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

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 ေဟာင္းကို ပါ အလုပ္လုပ္ေပးပါလိမ့္မယ္။

results matching ""

    No results matching ""