HTML5提供了嵌入視頻的方法,通過使用<video>
標簽可以很容易地在網頁中展示視頻。
<video src="path/to/video.mp4"> Your browser does not support the video tag. </video>
<video>
標簽中的src
屬性指定了視頻的URL。如果瀏覽器不支持<video>
標簽,則會顯示后面的文本。
除了src
屬性,<video>
標簽還支持其他屬性,如controls
(展示播放控制條)、autoplay
(自動播放)、loop
(循環播放)、poster
(展示視頻封面)等。
<video src="path/to/video.mp4" controls autoplay loop poster="path/to/poster.jpg"> Your browser does not support the video tag. </video>
以上代碼展示了一個具有基本控制條、自動播放、循環播放和封面的視頻。
HTML5還提供了<source>
標簽,可以在<video>
標簽中使用多個<source>
標簽,指定不同的視頻源。
<video> <source src="path/to/video.mp4" type="video/mp4"> <source src="path/to/video.webm" type="video/webm"> <source src="path/to/video.ogg" type="video/ogg"> Your browser does not support the video tag. </video>
在以上代碼中,如果瀏覽器支持<video>
標簽,會按照
不同的瀏覽器支持的視頻格式不同,可以使用多個<source>
標簽提供多個視頻格式,以確保視頻在多個平臺上都能正確地播放。
上一篇html5嵌套列表代碼