close
首先是開啟VS2010,本文是用VB.net新增Web Form來做測試!
程式碼:
<video controls width="690" height="388" poster="../TEST_PIC/劉詩詩.jpg">
<source src = "../TEST_FILM/胡歌敢不敢愛.mp4" type="video/mp4">
您的瀏覽器不支援此 HTML5 影片標籤
</video>
圖示:
來源:
1. 圖片:GOOGLE查詢劉詩詩,新聞圖片。
2. 影片:YOUTUBE,敢不敢愛.mp4。
解說:
controls (控制bar):控制底下的控制顯示。
width:寬度。
height:高度。
poster(預覽圖片):影片尚未播放時,預覽之圖片。
source src() :影片網址,如果不知道路徑的話,
可以直接從方案總管開啟影片放置的資料夾,
直接拖曳過來即可看到影片相對路徑。
type(檔案格式):可以更換為其他的檔案格式。
文字:您的瀏覽器不支援此 HTML5 影片標籤,
瀏覽器 | ogg | MPEG 4 | WebM |
FireFox 4.0 | 支援 | 不支援 | 支援 |
Chrome 5.0 | 支援 | 支援 | 支援 |
Safari 3.0 | 不支援 | 支援 | 不支援 |
Opera 10.5 | 支援 | 不支援 | 支援 |
IE 9 | 不支援 | 支援 | 不支援 |
來源:http://www.wibibi.com/info.php?tid=345
autoplay(自動播放):使用自動播放則poster的預設圖片不會顯示。
preload(預先載入):輸入"none"(關閉預先載入)、"metadata"(開啟預先載入)、
"auto"(自動)、"" (空白字串,開啟預先載入)、或不輸入(開啟預先載入)。
全站熱搜