[Thủ thuật Blogspot] Code HTML5 chèn nhạc, video vào blog, web

Vài lời giới thiệu về ngôn ngữ HTML5:

Trong tương lai, ngôn ngữ cấu trúc HTML5 sẽ là công nghệ cốt lõi trong việc trình bày nội dung cho World Wide Web. Ưu điểm của HTML5 dễ dàng nhận thấy nhất đó là bạn có thể chèn các tập tin đa phương tiện (nhạc, video) vào web, blog mà không cần phải dùng trình nhúng flash player như trước. Do vậy, với các máy tính không có plugin Adobe Flash Player, bạn vẫn có thể nghe nhạc, xem video như thường.

Hiện nay, tất cả các trình duyệt web đều đã hỗ trợ ngôn ngữ HTML5, thậm chí, các video trên Youtube cũng được Google sử dụng ngôn ngữ HTML5 thay vì sử dụng trình nhúng flash player như trước.

Mặc dù có rất nhiều ưu điểm, tuy nhiên, plugin Adobe Flash Player cho các trình duyệt web có một số hạn chế, đó là sử dụng nhiều tài nguyên hệ thống kể cả RAM, CPU và tiêu thụ năng lượng. Do vậy, với các máy tính có cấu hình thấp, việc có quá nhiều flash trong một trang web sẽ khiến máy tính dễ bị treo do thiếu RAM, đồng thời, với các laptop sử dụng pin, lượng pin sử dụng sẽ tiêu hao nhanh.

Còn với các hệ điều hành di động thì sao? Ngay cả Adobe cũng đã ngừng phát hành plugin Adobe Flash Player cho các hệ điều hành di động vì nó làm ảnh hưởng đến hiệu năng hoạt động cũng như làm tiêu hao quá nhiều lượng pin của máy.

Chính vì như vậy, việc HTML5 phát hành sẽ là một giải pháp tốt để thay thế cho plugin Adobe Flash Player trong tương lai.

Nội dung chính:

Code HTML5 nhúng nhạc vào blog, web:

Nhạc tự động chạy:

<audio autoplay="autoplay" controls="controls"> 
   <source src="file.mp3" type="audio/mpeg">
</audio>

Nhạc không tự động chạy:

<audio controls>
  <source src="file.mp3" type="audio/mpeg">
  Trình duyệt của bạn không hỗ trợ thẻ audio HTML5.
</audio>

Code HTML5 nhúng video vào blog, web:

<video controls="" height="270" width="480">
  <source src="file.mp4" type="video/mp4">
Trình duyệt của bạn không hỗ trợ thẻ video HTML5.
</video>