HTML5播放器現在變得越來越流行,因為它可以讓你在沒有Flash插件的情況下直接在Web瀏覽器中播放視頻和音頻。
如果你想使用HTML5播放器來在你的網站上播放媒體文件,下面是一些基本的HTML5播放器代碼:
<video width="640" height="360"> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogg" type="video/ogg"> Your browser does not support the video tag. </video>上面的代碼創建了一個video元素,其中包含三個source元素。每個source元素都指定了不同的視頻源,并使用type屬性指定了源文件的媒體類型。在這個例子中,視頻源是mp4,webm和ogg格式的文件。如果某個特定的格式在用戶的瀏覽器中不受支持,播放器會嘗試使用下一個源。 如果用戶的瀏覽器不支持HTML5視頻,將會顯示指定的文本信息,例如“Your browser does not support the video tag”。 如果你想使用HTML5播放器來播放音頻文件,下面是相應的代碼:
<audio controls> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.ogg" type="audio/ogg"> Your browser does not support the audio element. </audio>上面的代碼創建了一個audio元素,其中包含兩個source元素。和視頻播放器一樣,每個source元素都指定了不同的音頻源,并使用type屬性指定了源文件的媒體類型。在這個例子中,音頻源是mp3和ogg格式的文件。 使用HTML5播放器代碼可以讓你在網站上直接播放視頻和音頻文件,而不需要任何插件或其他附加的軟件。這對于網站的用戶來說非常方便,畢竟他們不需要額外地安裝任何軟件才能觀看你的視頻或聽取你的音頻文件。