HTML5是一個現代化的網頁開發語言,引入了許多新的功能和標簽,其中最為重要的就是視頻功能。利用HTML5,我們可以輕松地將視頻嵌入網站中,讓用戶可以直接在網站上觀看視頻,而無需離開頁面。
下面是一段示例代碼,演示如何將視頻嵌入到網頁中:
<video width="640" height="360" controls> <source src="example.mp4" type="video/mp4"> <source src="example.ogg" type="video/ogg"> <source src="example.webm" type="video/webm"> Your browser does not support the video tag. </video>
代碼中的<video>標簽是HTML5新增的標簽,用于定義視頻。屬性width和height分別定義了視頻的寬度和高度,而controls屬性表示是否顯示控制條。<source>標簽則用于定義視頻的源文件,另外,還可以定義多個源文件,以備不同瀏覽器之間的兼容性。
最后,我們還需要添加一些備選內容,比如“Your browser does not support the video tag.”這條語句,用于在不支持HTML5視頻的瀏覽器上顯示備選內容。