HTML5. Có gì hót ?

Trong phiên bản mới của Chrome hay Firefox, chúng ta thường thấy tính năng nổi trội của nó là hỗ trợ HTML5. Vậy HTML5 là gì và nó “có gì hót” ? Bạn sẽ không khó để tìm được khái niệm HTML5 trên mạng, đơn giản nó là “hậu duệ” của chuẩn HTML4 tồn tại từ lâu lắm rồi. Phiên bản mới của nó hỗ trợ nhiều thứ hơn, nhiều thẻ mới, mở rộng các thuộc tính cho thẻ cũ…v…v…Ví dụ trong HTML5 có một thẻ mới là “video” và “audio”, điều này có nghĩa là bạn có thể chèn thẳng một đoạn phim hoặc một bản nhạc vào web mà không cần sự trợ giúp của flash. Với chuẩn cũ, hay nói chung là khi bạn muốn nghe nhạc hay xem phim trên mạng, buộc bạn phải cài thêm FlashPlayer, nếu không trình duyệt sẽ thông báo là bạn phải cài đặt Flash thì mới xem được.

Một số trang web chia sẽ video như Youtube cũng đã hỗ trợ HTML5 và cung cấp địa chỉ riêng để truy cập là http://www.youtube.com/html5

Sau đây là đoạn code ví dụ và trang demo việc xem phim trên HTML5 mà không cần dùng Flash.

HTML5 Video

[Tôi tốn cả buổi nhưng không làm hiện đoạn code này này, cuối cùng phải chèn vào đó cái hình, hic, HTML5]

Bạn có thể truy cập vào trang : http://jilion.com/sublime/video để xem demo.

Nếu bạn sử dụng IE6 trong WinXP hoặc IE8 để truy cập thì sẽ thấy chẳng có gì hết, toàn là chữ. Nhưng nếu bạn dùng trình duyệt hỗ trợ HTML5 như GoogleChrome4, Firefox 3.6, Safari 4 thì bạn sẽ thấy một đoạn video.

Và điểm tuyệt vời khi xem phim trên chuẩn HTML5 là :
– Không cần phải đợi buffer hết thì mới xem được, bạn có thể chọn xem bất kỳ đoạn nào trong phim !
– Có thể xem phim ở chế độ toàn màn hình.
– Băng thông được tối ưu hóa để không phải xem một bộ phim “giựt giựt” khó chịu.

Năm mới rồi, chào HTML5, “chào” Flash !

8 Comments
  1. Tao dùng FF 3.6 tiếng việt, vào hem coi được friends

    • Sorrry. Hiện tại trang demo này chỉ hỗ trợ Safari v4 trở lên và Chrome 4 mà thôi. Chưa hỗ trợ IE và Firefox. Nếu IE có cài Chrome frame thì được vì lúc đó IE đã biến thành Chrome rồi !

  2. FF 3.6 vietnamese vẫn coi được mà cả chrome cg dc mà

  3. Ở đoạn mã muốn chèn, bạn thay ký tự bằng > thì code sẽ hiển thị y hệt trên trình duyệt chứ không cần chụp hình.

  4. Mình đang dùng Firefox 4.0 nhưng sau khi làm đoạn code, khi truy cập lại trang thì không có gì cả ???

  5. Demo link thì được. Còn test code không được. Chưa hiểu lắm.

Gửi phản hồi