欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html展示視頻的代碼

今天我們來(lái)學(xué)習(xí)一下如何在HTML網(wǎng)頁(yè)中展示視頻吧!首先我們要用到HTML5新增的標(biāo)簽——video標(biāo)簽。以下是一個(gè)基本的視頻展示代碼:
<video src="yourvideo.mp4">
<p>您的瀏覽器不支持 video 標(biāo)簽。</p>
</video>
在這里,我們通過(guò)設(shè)置src屬性來(lái)指定需要展示的視頻文件。如果您的瀏覽器不支持video標(biāo)簽,則會(huì)顯示p標(biāo)簽中的內(nèi)容作為提示。 另外,video標(biāo)簽還支持autoplay、controls、loop、muted等屬性。autoplay屬性可以讓視頻自動(dòng)播放,controls屬性可以顯示視頻控制條,loop屬性可以讓視頻循環(huán)播放,muted屬性可以靜音播放視頻。代碼如下:
<video src="yourvideo.mp4" autoplay controls loop muted>
<p>您的瀏覽器不支持 video 標(biāo)簽。</p>
</video>
最后,我們還可以使用source標(biāo)簽來(lái)支持多種視頻格式。代碼如下:
<video controls>
<source src="yourvideo.mp4" type="video/mp4">
<source src="yourvideo.webm" type="video/webm">
<p>您的瀏覽器不支持 video 標(biāo)簽。</p>
</video>
在這里,我們?cè)O(shè)置了兩個(gè)source標(biāo)簽,分別指定了不同的視頻格式和類(lèi)型。如果瀏覽器不支持第一個(gè)source標(biāo)簽中設(shè)置的視頻格式,則會(huì)自動(dòng)嘗試加載第二個(gè)source標(biāo)簽中的視頻。如果仍然不支持,則會(huì)顯示p標(biāo)簽中的內(nèi)容。 好了,我們今天的視頻展示代碼教程就到這里了。希望對(duì)你有所幫助哦!