HTML 5 技術體系 -- Video 影片標記

HTML5技術

前言

目錄

過去

現在

未來

JavaScript

修改進化

儲存記憶

資料庫

網路連接

衛星定位

通知

拖拉

HTML

修改進化

新標記

影音物件

2D 繪圖

3D 動畫

CSS

修改進化

字體

特效

選擇器

開發工具

Node.js

Titanium

PhoneGap

Aptana Studio

應用工具

應用

工具

雲端網站

mugeda 動畫製作

訊息

相關網站

參考文獻

最新修改

簡體版

English

影片標記 - video

範例一:最簡單的影片播放

<html>
<body>
<video src="http://www.w3schools.com/html5/movie.ogg" controls="controls">
</video>
</body>
</html>

觀看範例網頁:http://dl.dropbox.com/u/6387819/html5/AV/Video1.htm

範例二:控制大小的影片播放

<html>
<body>
<video src="http://www.w3schools.com/html5/movie.ogg"  width="320" height="240" controls="controls">
</video>
</body>
</html>

觀看範例網頁:http://dl.dropbox.com/u/6387819/html5/AV/Video2.htm

範例三:多種格式的影片播放

<html>
<body>
<video width="320" height="240" controls="controls">
  <source src="http://www.w3schools.com/html5/movie.ogg" type="video/ogg" />
  <source src="http://www.w3schools.com/html5/movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html>

觀看範例網頁:http://dl.dropbox.com/u/6387819/html5/AV/Video3.htm

Facebook

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License