首頁  >  文章  >  web前端  >  html中網頁中如何插入音訊和視訊?

html中網頁中如何插入音訊和視訊?

黄舟
黄舟原創
2017-06-19 11:20:4318505瀏覽

在網頁中常見的多媒體文件包括音頻文件和視頻文件,對於在線音頻和視頻,我們往往都是使用embed標籤來插入。

embed語法:

<embed src=”视频地址” type=”audio/x-pn-realaudio-plugin” console=”Clip1〃 controls=”ControlPanel,StatusBar” height=”330〃 width=”450〃 autostart=”true”>

<embed src="要播放的文件网址"; autostart="true" loop="true" width="400" height="350" >

範例1:插入音訊檔案

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>插入音频文件</title>
</head>
<body>
    <embed src="media/西班牙舞曲.mp3" width="400px" height="80px"/>
</body>
</html>

在瀏覽器預覽效果如下:

html中網頁中如何插入音訊和視訊?

#說明:

我們可以看到,使用embed標籤插入音訊檔案還會有一個播放介面,介面上有幾個簡單的功能按鈕

範例2:插入影片檔案

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>插入音频文件</title>
</head>
<body>
    <embed src="media/小苹果.wmv" width="400px" height="80px"/>
</body>
</html>

在瀏覽器預覽效果如下:

html中網頁中如何插入音訊和視訊?

###########注意:#########由於音訊和視訊檔案比較大,所以在這裡我們就不提供大家線上測試的功能。不過大家可以在自己計算機上面測試一下程式碼。 ######使用embed標籤插入視頻,在瀏覽器我們也可以看到,瀏覽器提供了一個簡單的操作介面。 embed標籤支援的影片格式很多,大部分主流格式都支援。 ######embed標籤能支援大部分格式的影片文件,反正主流的如.mp4、.avi、.rmvb等都支援。如果你使用embed標籤不能播放視頻,那可能是你視頻格式有問題或編碼有問題。你可以用格式工廠轉換一下格式。 ###

以上是html中網頁中如何插入音訊和視訊?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn