HTML 5 Media : วิดีโอจะมาแทนที่ภาพนิ่ง ?

สองสัปดาห์ที่ผ่านมาผมได้พยายามหา solution เพื่อทำระบบ Video On Demand ที่สามารถรองรับ Android Device รวมถึงกลุ่ม Non-Flash ด้วย รูปที่ออกมาก็น่าจะเป็น HTML5 วิดีโอจะเหมาะสมที่สุด ผลพวงที่ตามมาคือ ผมได้พบว่า HTML5 Media มีอะไรที่น่าสนใจกว่าที่คิด ถึงแม้ว่าจะยังมีข้อติดขัดอยู่บ้าง แต่ถ้าเรามองว่า Media Tag เป็นเหมือน HTML Tag อื่น ๆ เราก็สามารถใช้เทคนิดต่าง ๆ จากทั้ง CSS และ JavaScript มาชดเชยกันได้ ทำให้ผมเกิดข้อสงสัยว่า

"เป็นไปได้หรือไม่ว่าวิดีโอจะเข้ามาแทนที่ภาพนิ่งที่เราใช้กันอย่างแพร่หลายในการสร้างเว็บเพจหรือไม่ ?" ซึ่งก็คงต้องดูกันต่อไป

ตัวอย่างในบทความนี้ผมได้ทดลองนำ Video Tag ทำงานร่วมกับ CSS มาแทนงานที่เคยใช้ภาพนิ่ง ผลที่ออกมาก็น่าสนใจดีที่เดียว

(คลิ๊กขวาเพื่อดูรหัสต้นฉบับ)