在HTML5的視頻代碼中,type是一個非常重要的屬性。它用來定義視頻文件的類型,讓瀏覽器知道如何正確地解析視頻內容。在HTML5中,type屬性可以包含多個值,每個值都表示一個支持的格式。
<video controls> <source src="example.mp4" type="video/mp4"> <source src="example.webm" type="video/webm"> <source src="example.ogg" type="video/ogg"> <p> 您的瀏覽器不支持HTML5視頻標簽,請升級瀏覽器。 </p> </video>
在這個例子中,我們定義了三個視頻源文件,分別是mp4、webm、ogg格式的視頻。由于不同的瀏覽器支持的視頻格式不同,因此我們需要提供多個文件,以便支持更廣泛的瀏覽器。
以下是一些常見的視頻類型:
video/mp4 - MP4格式 video/webm - WebM格式 video/ogg - Ogg格式 video/3gpp - 3GP格式 video/x-ms-wmv- Windows Media Video格式
可以注意到,在這里type的值是由兩部分組成的。第一部分是video,表示它是一個視頻文件的類型。第二部分是具體的文件格式,如mp4、webm、ogg等。這樣瀏覽器就可以根據type的值來選擇支持的格式,確保視頻能夠正常播放。
上一篇js對象添加刪除css
下一篇html5視頻代碼彈幕