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"(自動)、"" (空白字串,開啟預先載入)、或不輸入(開啟預先載入)。

 

arrow
arrow
    全站熱搜

    昂里米特 發表在 痞客邦 留言(0) 人氣()