HTML5是最新的HTML規范,在Web開發中扮演著重要的角色。隨著越來越多的網站業務需要嵌入音頻和視頻,HTML5也提供了全新的音頻和視頻元素。下面是HTML5音頻和視頻的代碼示例。
音頻元素:
<audio controls> <source src="song.mp3" type="audio/mpeg"> <source src="song.ogg" type="audio/ogg"> Your browser does not support the audio element. </audio>
視頻元素:
<video controls width="480"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogv" type="video/ogv"> Your browser does not support the video element. </video>以上是一個基本的音頻和視頻元素的HTML5代碼。在音頻元素中,<audio>標簽用于定義音頻,<source>標簽用于指定音頻文件的源和類型,<controls>屬性是指提供了音頻播放的控制功能,如果瀏覽器不支持播放音頻的話,會顯示<audio>標簽中的文本內容。 在視頻元素中,<video>標簽用于定義視頻,<source>標簽用于指定視頻文件的源和類型,<controls>屬性提供了視頻播放的控制功能,<width>屬性指定了播放的視頻寬度,如果瀏覽器不支持播放視頻的話,會顯示<video>標簽中的文本內容。 總之,HTML5為我們提供了一種全新的嵌入音頻和視頻的方式,這為網站業務的開展提供了更大的發展空間。
上一篇css制作京東