前端生涯

<video>標籤
顧名思義就是影片標籤

<source>標籤
插入影片的原始檔位置與類型

<video preload controls loop poster="poster.png" width="640" height="360">
    <source src="movie.mp4" type="video/mp4" />
    <source src="movie.ogv" type="video/ogg" />
    <source src="movie.webm" type="video/web" />
    您的瀏覽器不支援HTML 5影片播放標籤<video>格式。
    Your browser doesn't support the <video> tag.
</video>

屬性
autoplay(自動播放): 視頻在就緒後馬上播放
controls(控制按鈕): 向用戶顯示控件，比如播放按鈕
height: 視頻播放器的高度
width: 視頻播放器的寬度
loop(播放循環): 當媒介文件完成播放後再次開始播放
muted(靜音): 視頻的音頻輸出為靜音
poster(預覽圖片): 選擇影片播放前，所顯示的圖片
preload(預先載入) : 視頻在頁面加載時進行加載，並預備播放。如果使用“autoplay”，則忽略該屬性
src(影片位置)：放置影片原始檔的網址，或相對位址
 

MP4 = MPEG 4文件使用H264視頻編解碼器和AAC音頻編解碼器
WebM = WebM文件使用VP8視頻編解碼器和Vorbis音頻編解碼器
Ogg = Ogg文件使用Theora視頻編解碼器和Vorbis音頻編解碼器

方法
.play() 播放
.pause() 暫停
.load() 重新加載
.canPlayType() 檢查瀏覽器是否能夠播放指定的影片類型
.addTextTrack() 影片添加新的文本軌道