Lab 26 使用HTML 4 和HTML 5的影音播放

HTML4 video


<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.webm" type="video/webm" />
<object data="movie.mp4" width="320" height="240">
  <embed src="movie.swf" width="320" height="240" />
</object> 
</video>


swf 格式是一種 Flash 製作出來的動畫檔，因此HTML4 video是需要Flash的完整黨才可以觀賞






HTML5 video


<video width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
  Your browser does not support the video tag.
</video>


HTML5 video僅需要MP4黨就能夠執行觀看影片的動作