HTML5是一種用于網頁設計的標準語言,其中包括了視頻和音頻的標簽。其中video是用來嵌入視頻的標簽,而audio則是用來嵌入音頻的標簽。
下面是一個用video標簽嵌入視頻并設置音頻冒牌的范例代碼:
<video controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<track kind="subtitles" src="movie.vtt" srclang="en" label="English">
</video>
在這個例子中,我們使用了controls屬性來啟用播放器的控制條,source標簽用來指定視頻文件路徑及類型。在這個例子中,我們提供了兩種類型的視頻文件,以保證兼容性。最后,我們使用track標簽來定義字幕文件。這個標簽使用kind屬性來指定字幕類型,src屬性定義字幕文件路徑,srclang屬性指定語言類型,label屬性定義字幕語言的名稱。
對于音頻,我們可以使用以下范例代碼來設置音頻冒牌:
<audio controls>
<source src="song.mp3" type="audio/mp3">
<source src="song.ogg" type="audio/ogg">
<track kind="captions" src="song.vtt" srclang="en" label="English">
</audio>
同樣,我們使用了controls屬性來啟用控制條,source標簽指定音頻文件路徑及類型。在這個例子中,我們同樣提供了兩種類型的音頻文件以保證兼容性。最后,我們使用track標簽來定義音頻冒牌。這個標簽也使用kind屬性來指定字幕類型,src屬性定義字幕文件路徑,srclang屬性指定語言類型,label屬性定義字幕語言的名稱。
這些例子展示了使用HTML5的video和audio標簽來嵌入視頻和音頻,并支持唱片歌詞字幕功能的范例代碼。使用這些標簽可以很容易地在網頁中嵌入視頻和音頻,并使網頁更加豐富多彩。
上一篇js禁用css樣式
下一篇js給css定義時間