首页 >web前端 >html教程 >html中网页中如何插入音频和视频?

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

黄舟
黄舟原创
2017-06-19 11:20:4318542浏览

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

在浏览器预览效果如下:

1503.png

说明:

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

在浏览器预览效果如下:

1504.png

注意:

由于音频和视频文件比较大,所以在这里我们就不提供大家在线测试的功能。不过大家可以在自己计算机上面测试一下代码。

使用embed标签插入视频,在浏览器我们也可以看到,浏览器提供了一个简单的操作界面。embed标签支持的视频格式很多,大部分主流格式都支持。

embed标签能支持大部分格式的视频文件,反正主流的如.mp4、.avi、.rmvb等都支持。如果你使用embed标签不能播放视频,那就可能是你视频格式有问题或者编码有问题。你可以用格式工厂转换一下格式。

以上是html中网页中如何插入音频和视频?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn