HTML5是現(xiàn)在最常用的Web開(kāi)發(fā)語(yǔ)言,支持高級(jí)多媒體向量圖形等,尤其是支持視頻播放,給網(wǎng)站的用戶交互體驗(yàn)帶來(lái)了極高的提升。
要在HTML5中使用MP4視頻,我們需要使用video標(biāo)簽。
在上述代碼中,我們?cè)O(shè)置了video的寬和高,并且可以通過(guò)“controls”屬性來(lái)實(shí)現(xiàn)視頻控制面板的顯示,其中source標(biāo)簽是video標(biāo)簽的子標(biāo)簽,用于添加視頻文件的地址和類(lèi)型。 我們還可以添加多個(gè)source標(biāo)簽,這樣當(dāng)瀏覽器不支持MP4文件格式時(shí),就可以自動(dòng)尋找可用的視頻源,這種方式可以提高視頻的兼容性,并避免因格式不支持而無(wú)法播放的問(wèn)題。 例如:<video width="960" height="540" controls> <source src="video.mp4" type="video/mp4"> </video>
在此,我們添加了三個(gè)不同的video文件,分別為MP4、WebM和Ogg格式,當(dāng)瀏覽器無(wú)法支持MP4格式時(shí),就會(huì)自動(dòng)切換到WebM或Ogg格式的視頻。這樣,我們的視頻就擁有了更高的兼容性和更好的體驗(yàn)效果。 總結(jié)一下,在使用HTML5視頻播放的過(guò)程中,我們需要使用video標(biāo)簽,并在其中添加source標(biāo)簽,以確保視頻文件能夠正常播放。此外,如果要保證視頻的兼容性和體驗(yàn)效果,我們還需要提供多個(gè)視頻格式的源,以便瀏覽器自行選擇最適合當(dāng)前運(yùn)行環(huán)境的視頻格式。<video width="960" height="540" controls> <source src="video.mp4" type="video/mp4"> <source src="video.webm" type="video/webm"> <source src="video.ogg" type="video/ogg"> </video>