HTML5誕生之后,新一代的視頻標簽也得以加入到了HTML標簽中。HTML5的<video>
標簽使視頻的播放變得更加方便及易于管理。它可以在沒有使用任何插件的情況下直接播放視頻,并擁有更多的播放控制和樣式自定義選項。下面是一個簡單的HTML5視頻代碼:
<video width="640" height="360" controls="controls"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogg" type="video/ogg"> </video>
這個HTML5視頻代碼包含了一個<video>
標簽和三個<source>
標簽。其中,<video>
標簽指定了視頻的寬度和高度,并啟用了播放控件。而<source>
標簽則指定了不同格式的視頻文件。這是為了確保視頻可以在不同的瀏覽器中正常播放。如果瀏覽器支持多個格式,將會選擇優先選擇其中的一種。
<video>
標簽中還有一些其他的屬性可以使用,如:autoplay
自動播放,loop
循環播放,preload
預加載等等。這些屬性可以根據實際需求來添加和調整。
總之,HTML5視頻代碼使得在網頁上嵌入視頻變得非常簡單,而且還可以通過CSS樣式來進一步美化播放器,實現更多個性化的效果。讓我們一起來使用HTML5視頻代碼,打造出更加豐富多彩的網站吧!