html中网页中如何插入音频和视频？
程序员文章站
2022-04-10 09:30:58
...
在网页中常见的多媒体文件包括音频文件和视频文件，对于在线音频和视频，我们往往都是使用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>
在浏览器预览效果如下：
说明：
我们可以看到，使用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>
在浏览器预览效果如下：
注意：
由于音频和视频文件比较大，所以在这里我们就不提供大家在线测试的功能。不过大家可以在自己计算机上面测试一下代码。
使用embed标签插入视频，在浏览器我们也可以看到，浏览器提供了一个简单的操作界面。embed标签支持的视频格式很多，大部分主流格式都支持。
embed标签能支持大部分格式的视频文件，反正主流的如.mp4、.avi、.rmvb等都支持。如果你使用embed标签不能播放视频，那就可能是你视频格式有问题或者编码有问题。你可以用格式工厂转换一下格式。
以上就是html中网页中如何插入音频和视频？的详细内容，更多请关注其它相关文章！
上一篇： JS实现数字及邮箱校检功能