一、兩個基本概念:容器(container)和編解碼器(codec)
container
每個音頻或視頻文件,都是一個container。視頻文件包含了音頻軌道、視頻軌道和元數據,元數據主要包括封面、標題、子標題、字幕等相關信息。主流視頻容器格式爲.avi .flv .mp4 mkv .ogg .webm。
codec
音頻和視頻的編碼/解碼實質上是一組算法,用於壓縮和解壓縮。主流音頻編解碼器包括AAC MPEG-3 OggVorbis,主流視頻編解碼器包括H.264 VP8 OggTheora
二、標籤
1. video 插入視頻
示例 | <video src="text.webm" width="600" height="800" controls autoplay loop muted poster="img.png" preload="auto"></video> |
屬性 | 說明 |
src | 視頻源多,瀏覽器支持時使用source子標籤,用法: <video width="600" height="800" controls> <source src="text.webm"> //firefox, chrome <source src="text.mp4"> //IE </video> |
width, height | 寬度,高度 |
controls | 顯示播放控件 |
autoplay | 頁面載入後自動播放 |
loop | 自動重播 |
muted | 靜音 |
poster | 視頻第一幀顯示的圖片 |
preload | 預加載設置,取值如下: - none 不預加載 - metadata 預加載元數據 - auto 自動預加載,默認 |
2. audio 插入音頻,用法同上