html5 視頻和音樂播放筆記

時間 2019-11-17

標籤 html5 html 視頻音樂播放筆記欄目 HTML5 简体版

原文原文鏈接

Html 5 視頻播放：<!DOCTYPE HTML> <html> <body>         <video src="http://www.w3school.com.cn/i/movie.ogg" width="321" height="240" controls="controls">         your browser does not support the video tag.         </video> </body> </html>  ~  播放上面的代碼就能夠在網頁中嵌入視頻，src的內容是你視頻的地址，controls=」controls」的做用是添加播放暫停和音樂的控件，能夠經過width和height來設置大小。<video width="320" height="240" controls="controls">   <source src="movie.ogg" type="video/ogg">   <source src="movie.mp4" type="video/mp4"> Your browser does not support the video tag. </video> 好還能夠經過設計一個視頻控件多個音視頻同時播放，只要在video標籤中增長source來指定文件的地址和類型。

<video> 標籤的屬性

屬性html	值html5	描述ide
autoplayoop	autoplayurl	若是出現該屬性，則視頻在就緒後立刻播放。spa
controls設計	controlscode	若是出現該屬性，則向用戶顯示控件，好比播放按鈕。視頻
heighthtm	pixels	設置視頻播放器的高度。
loop	loop	若是出現該屬性，則當媒介文件完成播放後再次開始播放。
preload	preload	若是出現該屬性，則視頻在頁面加載時進行加載，並預備播放。若是使用 "autoplay"，則忽略該屬性。
src	url	要播放的視頻的 URL。
width	pixels	設置視頻播放器的寬度。

HTML 5 全局屬性

NEW：HTML 5 中新的全局屬性。

屬性	值	描述
accesskey	character	規定訪問元素的鍵盤快捷鍵
class	classname	規定元素的類名（用於規定樣式表中的類）。
contenteditable	true false	規定是否容許用戶編輯內容。
contextmenu	menu_id	規定元素的上下文菜單。
dir	ltr rtl	規定元素中內容的文本方向。
draggable	true false auto	規定是否容許用戶拖動元素。
dropzone	copy move link	規定當被拖動的項目/數據被拖放到元素中時會發生什麼。
hidden	hidden	規定該元素是無關的。被隱藏的元素不會顯示。
id	id	規定元素的惟一 ID。
lang	language_code	規定元素中內容的語言代碼。語言代碼參考手冊。
spellcheck	true false	規定是否必須對元素進行拼寫或語法檢查。
style	style_definition	規定元素的行內樣式。
tabindex	number	規定元素的 tab 鍵控制次序。
title	text	規定有關元素的額外信息。

音樂標籤：

標籤跟上面的video相似

<audio src="song.ogg" controls="controls"> </audio>

你們能夠去http://www.w3school.com.cn/html5/html_5_audio.asp參考相應的文檔

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。