要確保適用于Safari瀏覽器，視頻文件必須是MPEG4類型。
ogg視頻文件，適用于Firefox、Opera以及Chrome瀏覽器。
video元素允許多個(gè)source元素。source元素可以鏈接不同的視頻文件，瀏覽器將使用第一個(gè)可識別的格式。
普及知識：
MP4 = MPEG4文件使用H264視頻編解碼器和AAC音頻編解碼器。
WebM = WebM文件使用VP8視頻編解碼器和Vorbis音頻編解碼器。
Ogg = Ogg文件使用Theora視頻編解碼器和Vorbis音頻編解碼器。
前端html代碼事例：
< video width="400px" height="300px" preload="auto" controls="controls" >
< source src="v1.mp4" data-ke-src="v1.mp4" type="video/mp4" />
< source src="v1.webm" data-ke-src="v1.webm" type="video/webm"/>
< /video>
備注：使用時(shí)把< video里面的空格去掉。
標(biāo)簽的主要屬性：
|
autoplay |
autoplay |
如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。 |
|
controls |
controls |
如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。 |
|
height |
pixels |
設(shè)置視頻播放器的高度。 |
|
src |
url |
要播放的視頻的URL。 |
|
width |
pixels |
設(shè)置視頻播放器的寬度。 |
網(wǎng)站視頻播放不了：
一般是網(wǎng)站服務(wù)器運(yùn)行環(huán)境中MIME類型沒有添加mp4或webm
在服務(wù)器ISS中或者在服務(wù)器控制面板找到MIME類型，進(jìn)行以下添加：
mp4-----video/mp4
webm-----video/webm
網(wǎng)站上的視頻就能正常播放了。
掃一掃 加微信咨詢
