
|
6. การเตรียมการสำหรับเบราว์เซอร์รุ่นเก่า
ใน HTML รุ่นก่อนหน้า HTML5 นั้นจะใช้แท็กคำสั่ง <object> หรือ <embed> ในการจัดการกับไฟล์ออดิโอ
และวิดีโอ
ในหน้าเว็บเพจ แต่ใน HTML5 ได้เพิ่มแท็กคำสั่ง <audio> และ <video> มาใช้แทนแต่อย่างไรก็ตาม
ใช่ว่า
ทุกเว็บเบราว์เซอร์จะรองรับแท็กคำสั่ง <audio> และ <video> นี้ได้ ซึ่งเว็บเบราว์เซอร์ที่สามารถรองรับได้
จะมีดังนี้
|
Internet Explorer 9+ Firefox3.5+ safari 3+
Chrome 3+ Opera 10.5+ iphone 1+ Android 2+
|
หากเว็บเบราว์เซอร์ใดไม่รองรับก็จะข้ามแท็กคำสั่งนี้ไปเอง ดังนั้นหากเราต้องการให้ได้กับเว็บเบราว์เซอร์ทั้ง
เก่า และ ใหม่ ควรใช้แท็กคำสั่ง <embed> ร่วมด้วย
|
6.1 การใสไฟล์ออดิโอด้วยแท็กคำสั่ง <embed>
|
<audio controls>
<source src ="myaudio.mp3">
< source src ="myaudio.ogg">
< embed src ="myaudio.mp3">
</audio> |
|
เมื่อใช้แท็กคำสั่ง <embed> กับไฟล์ออดิโอ เราสามารถใส่คำสั่งเสริมได้ 2 คำสั่ง คือ src และ autostart
เมื่อ src ใช้กำหนดชื่อไฟล์ออดิโอ และ autostart เพื่อเล่นไฟล์นั้นทันทีหรือไม่ ซึ่งโดยปกติแล้วไฟล์นั้นจะถูกเล่นทันที
แต่ถ้ายังไม่ต้องการให้เล่นให้ระบุคำสั่ง autostart =" false" ดังนี้ |
<embed src ="myaudio.mp3"autostart="false"> |
|
เราจะวางแท็กคำสั่ง <embed> ไว้แท็กใน <audio> ก็เพราะว่าเมื่อไฟล์ที่เราระบุไว้ก่อนหน้าแท็กคำสั่งนี้
สามารถเล่นได้เบราว์เซอร์จะข้ามคำสั่ง <embed> นี้ไป แต่ถ้าหากเบราว์เซอร์นั้นไม่รับรองแท็ก <audio> คำสั่ง
<embed> นี้จึงจะผล |
6.2 การใส่ไฟล์วิดีโอด้วยแท็กคำสั่ง<embed>
และเช่นเดียวกับไฟล์ออดิโอ เราก็สามารถใช้แท็กคำสั่ง <embed> เพื่อให้ผู้เยี่ยมชมที่ใช้เบราว์เซอร์
ที่ไม่รองรับแท็ก <video> ยังสามารถชมวิดีโอของเราได้ ดังตัวอย่าง
|
<video width="320"height="240" controls>
<source src ="myvideo.mp4" type="video/mp4">
<source src ="myvideo.ogg" type="video/.ogg">
<source src ="myvideo.wedm" type="video/.wedm">
<embed src ="myvideo.mp4" type="application/x-shockwave-flash" width ="320"height="240" >
</video> |
|
|
|