HTML5 是當前最流行的 Web 標準,它可以幫助網站開發者創建出跨平臺、功能強大的 Web 應用。HTML5 在移動設備上也越來越普及,為了支持手機視頻播放,HTML5 提供了內置的 video 標簽。
<video src="video.mp4"></video>
使用 video 標簽可以很方便地在網頁上嵌入視頻,只需要指定視頻的 URL 即可。當然,不同瀏覽器對視頻格式的支持是不同的,所以可以考慮增加多個 video 標簽,讓瀏覽器選擇支持的格式進行播放:
<video src="video.mp4" type="video/mp4"></video>
<video src="video.webm" type="video/webm"></video>
<video src="video.ogg" type="video/ogg"></video>
在 video 標簽中還可以添加一些屬性,用來控制視頻的播放。比如,控制視頻是否自動播放,添加封面圖,設置視頻寬高等:
<video src="video.mp4" type="video/mp4" poster="cover.jpg" autoplay="autoplay" width="320" height="240"></video>
除了 video 標簽,HTML5 還提供了很多新特性和 API,能夠讓 Web 應用更方便地使用視頻、音頻和圖片等多媒體元素。使用 HTML5 的開發者們可以充分利用這些特性,為用戶打造更加豐富且愉悅的 Web 體驗。
下一篇豎列變橫排的css