HTML學習筆記五:插入音頻和視頻

前言

我們上篇博客寫了表單的高級應用,下面是如何給網頁插入視頻和音頻。看其他HTML學習筆記請點擊:HTML學習筆記摘要目錄參考
目前大多數音頻都是需要插件來播放,如常見的Flash插件,但並不是所有瀏覽器的插件都相同,因此HTML5新增了audio標籤來規範包含音頻的方法。視頻文件也是一樣,有video標籤來統一規範。

音頻audio標籤

audio標籤支持三種音頻格式,分別爲Ogg,MP3,WAV。基本格式:

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

其中src爲路徑,controls爲該標籤屬性之一,控制播放,暫停,音量等。
audio標籤有很多屬性,常見屬性如下:
在這裏插入圖片描述
另外audio標籤可以通過source屬性來添加多個音頻文件,具體格式如下:

	<audio controls="controls">
		<source src="123.ogg" type="audio/ogg">
		<source src="123.mp3" type="audio/mp3">
	</audio>

視頻video標籤

和audio音頻標籤一樣,基本輸入格式如下:

<video src="../大符.mp4" controls="controls">...</video>

在< video >與< /video >之間插入的爲當瀏覽器不支持該標籤時顯示的內容。
video標籤的一些常用屬性:
在這裏插入圖片描述

小結

總之插入視頻和音頻真的很簡單啊,書上的內容也就一點點,確實沒有什麼花裏胡哨的東西,就到這裏吧,書的下一章是“使用HTML繪製圖形”,內容倒是很多很雜了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章