HTML 5 基本樣式

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>HTML 5</title>
  </head>
  <body>
    <p>Hello World!<p>
  </body>
</html>

視訊播放

瀏覽器會依type特性來決定要顯示哪一個影片檔,也可以依照不同尺寸來設定觀看的的解析度。 video標籤可用的屬性:Preload(不自動下載視訊)、Loop(重複播放)、autoplay(開啟後自動播放)、width、height…

<video controls autoplay>
  <source src="Simple Plan.720p.webm" type="video/webm" media="screen and (min-width: 500px)">
  <source src="Simple Plan.360p.webm" type="video/webm">
  <source src="Simple Plan.mp4" type="video/mp4">
  <source src="Simple Plan.ogg" type="video/ogg">
  Sorry...Your browser is crap...
</video>

目前查到的資料: IE、Safari 只支援mp4 Opera 支援webm ogg FireFox 支援webm ogg (mp4部分支援) Chrome 全都支援

http://www.w3schools.com/html/html5_video.asp