現在的網頁中,視頻成為了主流的展示內容。而要在網頁中播放視頻,就需要使用 HTML 標簽,來設置視頻屬性。HTML 提供了<video>
標簽,用于嵌入視頻。
<video src="video.mp4" controls></video>
在這個例子中,我們設置了視頻文件的路徑src
,以及一個controls
屬性,該屬性的作用是顯示瀏覽器默認的播放控制條。
除了src
和controls
屬性,<video>
標簽還提供了其它屬性,用于控制視頻展示的方式。
width 和 height 屬性
這兩個屬性用來設置視頻顯示的寬度和高度。
<video src="video.mp4" controls width="640" height="480"> </video>
autoplay 屬性
這個屬性表示視頻自動播放。
<video src="video.mp4" autoplay></video>
loop 屬性
這個屬性表示視頻循環播放。
<video src="video.mp4" loop></video>
muted 屬性
這個屬性表示靜音播放。
<video src="video.mp4" muted></video>
preload 屬性
這個屬性表示在頁面加載時預加載視頻。
<video src="video.mp4" preload></video>
可以看到,在 HTML 中設置視頻屬性非常簡單,只需要添加一些基本屬性即可實現視頻的嵌入和控制。現在,讓我們在網站中添加一些精彩的視頻吧。
上一篇bean轉換成json
下一篇bean配置加載json