卡卡網(wǎng)

如果你需要在HTML中添加音頻、視頻文件，那么有多種方法可以實(shí)現(xiàn)。本文將介紹三種實(shí)現(xiàn)方法。

1、使用 object 標(biāo)簽

object是一個(gè) HTML 標(biāo)簽，旨在允許我們?cè)诰W(wǎng)頁(yè)上包含各種媒體，例如音頻、視頻、照片和 PDF。它不經(jīng)常使用，因?yàn)榇蠖鄶?shù)瀏覽器都不支持它。它的執(zhí)行方式取決于我們附加的媒體類型。

示例

<object data="image.jpg" width="300" height="200"></object>
<object data="bridge.mp4" width="300" height="200"></object>

demodownload

以下是輸出

如你所見(jiàn)，我們使用 object 標(biāo)簽來(lái)顯示圖像和視頻文件，而不是<img>和<video>標(biāo)簽。

2、使用 embed 標(biāo)簽

embed 標(biāo)簽的構(gòu)建有一個(gè)單一的目標(biāo)：允許你在 HTML 文檔中嵌入多媒體資產(chǎn)。與 object 標(biāo)簽一樣，你可以在其中包含任何類型的文件。

示例

<embed src="image.jpg">
<embed src="video.mp4">

demodownload

以下是輸出

3、使用 video 和 audio 標(biāo)簽

video 標(biāo)簽是在瀏覽器中添加視頻文件的方法，詳見(jiàn)《實(shí)例詳細(xì)介紹HTML中的視頻標(biāo)簽video標(biāo)簽》

audio 標(biāo)簽是在瀏覽器中添加音頻文件的方法，詳見(jiàn)《實(shí)例詳細(xì)介紹HTML音頻標(biāo)簽audio標(biāo)簽》。

示例

<video controls>
    <source src="bridge.mp4" type="video/mp4">
</video>

<audio controls>
    <source src="music.mp3" type="audio/mp3">
</audio>

demodownload

執(zhí)行結(jié)果

總結(jié)

本文介紹了三種在HTML中添加音頻、視頻文件的方法，通常情況下，選擇用video標(biāo)簽添加視頻文件，用autio標(biāo)簽添加音頻文件。在使用其他標(biāo)簽時(shí)，應(yīng)考慮到瀏覽器的兼容問(wèn)題。

標(biāo)簽: 音頻  視頻