複製如下代碼:html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>視頻</title>
</head>
<body>瀏覽器
<video width="420" height="340" autoplay="autoplay" controls >
<source src="http://vd4.bdstatic.com/mda-jjgzta5635dcshxg/sc/mda-jjgzta5635dcshxg.mp4" type="video/mp4">
<source src="http://vd4.bdstatic.com/mda-jjgzta5635dcshxg/sc/mda-jjgzta5635dcshxg.ogg" type="video/ogg">
您的瀏覽器不支持 HTML5 video 標籤。
</video>ide
</body>
</html>工具
HTML5 中的新屬性:oop
屬性 | 值 | 描述 |
---|---|---|
autoplayNew | autoplay | 若是出現該屬性,則視頻在就緒後立刻播放。 |
controlsNew | controls | 若是出現該屬性,則向用戶顯示控件,好比播放按鈕。 |
heightNew | pixels | 設置視頻播放器的高度。 |
loopNew | loop | 若是出現該屬性,則當媒介文件完成播放後再次開始播放。 |
mutedNew | muted | 若是出現該屬性,視頻的音頻輸出爲靜音。 |
posterNew | URL | 規定視頻正在下載時顯示的圖像,直到用戶點擊播放按鈕。 |
preloadNew | auto metadata none |
若是出現該屬性,則視頻在頁面加載時進行加載,並預備播放。若是使用 "autoplay",則忽略該屬性。 |
srcNew | URL | 要播放的視頻的 URL。 |
widthNew | pixels | 設置視頻播放器的寬度。 |
html全局屬性:post
屬性 | 描述 |
---|---|
accesskey | 設置訪問元素的鍵盤快捷鍵。 |
class | 規定元素的類名(classname) |
contenteditableNew | 規定是否可編輯元素的內容。 |
contextmenuNew | 指定一個元素的上下文菜單。當用戶右擊該元素,出現上下文菜單 |
data-*New | 用於存儲頁面的自定義數據 |
dir | 設置元素中內容的文本方向。 |
draggableNew | 指定某個元素是否能夠拖動 |
dropzoneNew | 指定是否將數據複製,移動,或連接,或刪除 |
hiddenNew | hidden 屬性規定對元素進行隱藏。 |
id | 規定元素的惟一 id |
lang | 設置元素中內容的語言代碼。 |
spellcheckNew | 檢測元素是否拼寫錯誤 |
style | 規定元素的行內樣式(inline style) |
tabindex | 設置元素的 Tab 鍵控制次序。 |
title | 規定元素的額外信息(可在工具提示中顯示) |
translateNew | 指定是否一個元素的值在頁面載入時是否須要翻譯 |