html中网页中如何插入音频和视频？-html tutorial-php.cn

html中网页中如何插入音频和视频？

黄舟

Lepaskan： 2017-06-19 11:20:43

asal

18493 orang telah melayarinya

在网页中常见的多媒体文件包括音频文件和视频文件，对于在线音频和视频，我们往往都是使用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" >

Salin selepas log masuk

举例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>

Salin selepas log masuk

在浏览器预览效果如下：

说明：

我们可以看到，使用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>

Salin selepas log masuk

在浏览器预览效果如下：