html中網頁中如何插入音訊和視訊？-html教學-PHP中文網

首頁

web前端

html教學

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

黄舟

Jun 19, 2017 am 11:20 AM

html如何插入網頁音訊

在網頁中常見的多媒體文件包括音頻文件和視頻文件，對於在線音頻和視頻，我們往往都是使用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