video視頻的講解

複製如下代碼: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 指定是否一個元素的值在頁面載入時是否須要翻譯
相關文章
相關標籤/搜索