要確保適用于Safari瀏覽器，視頻文件必須是MPEG4類型。
ogg視頻文件，適用于Firefox、Opera以及Chrome瀏覽器。
video元素允許多個source元素。source元素可以鏈接不同的視頻文件，瀏覽器將使用第一個可識別的格式。
普及知識：
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>
備注：使用時把< video里面的空格去掉。
標簽的主要屬性：
|
autoplay |
autoplay |
如果出現該屬性，則視頻在就緒后馬上播放。 |
|
controls |
controls |
如果出現該屬性，則向用戶顯示控件，比如播放按鈕。 |
|
height |
pixels |
設置視頻播放器的高度。 |
|
src |
url |
要播放的視頻的URL。 |
|
width |
pixels |
設置視頻播放器的寬度。 |
網站視頻播放不了：
一般是網站服務器運行環境中MIME類型沒有添加mp4或webm
在服務器ISS中或者在服務器控制面板找到MIME類型，進行以下添加：
mp4-----video/mp4
webm-----video/webm
網站上的視頻就能正常播放了。
掃一掃 加微信咨詢
