首页 > 编程 > HTML > 正文

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

2020-03-24 18:27:16
字体:
来源:转载
供稿:网友
在网页中常见的多媒体文件包括音频文件和视频文件,对于在线音频和视频,我们往往都是使用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中网页中如何插入音频和视频?的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表