卡卡網(wǎng)

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

1、使用 object 標簽

object是一個 HTML 標簽，旨在允許我們在網(wǎng)頁上包含各種媒體，例如音頻、視頻、照片和 PDF。它不經(jīng)常使用，因為大多數(shù)瀏覽器都不支持它。它的執(zhí)行方式取決于我們附加的媒體類型。

示例

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

demodownload

以下是輸出

如你所見，我們使用 object 標簽來顯示圖像和視頻文件，而不是<img>和<video>標簽。

2、使用 embed 標簽

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

示例

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

demodownload

以下是輸出

3、使用 video 和 audio 標簽

video 標簽是在瀏覽器中添加視頻文件的方法，詳見《實例詳細介紹HTML中的視頻標簽video標簽》

audio 標簽是在瀏覽器中添加音頻文件的方法，詳見《實例詳細介紹HTML音頻標簽audio標簽》。

示例

<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標簽添加視頻文件，用autio標簽添加音頻文件。在使用其他標簽時，應(yīng)考慮到瀏覽器的兼容問題。

標簽: 音頻  視頻