|
|
|
|
|
|
在HTML中添加音頻、視頻文件的幾種方法
作者:admin 時間:2022-7-29 14:37:15 瀏覽:如果你需要在HTML中添加音頻、視頻文件，那么有多種方法可以實現。本文將介紹三種實現方法。
1、使用 object 標簽
object是一個 HTML 標簽，旨在允許我們在網頁上包含各種媒體，例如音頻、視頻、照片和 PDF。它不經常使用，因為大多數瀏覽器都不支持它。它的執行方式取決于我們附加的媒體類型。
示例
<object data="image.jpg" width="300" height="200"></object>
<object data="bridge.mp4" width="300" height="200"></object>
以下是輸出
如你所見，我們使用 object 標簽來顯示圖像和視頻文件，而不是<img>和<video>標簽。
2、使用 embed 標簽
embed 標簽的構建有一個單一的目標：允許你在 HTML 文檔中嵌入多媒體資產。與 object 標簽一樣，你可以在其中包含任何類型的文件。
示例
<embed src="image.jpg">
<embed src="video.mp4">
以下是輸出
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>
執行結果
總結
本文介紹了三種在HTML中添加音頻、視頻文件的方法，通常情況下，選擇用video標簽添加視頻文件，用autio標簽添加音頻文件。在使用其他標簽時，應考慮到瀏覽器的兼容問題。
相關文章
x
