html5中如何加入音乐文件和视频文件
2017-03-15 20:24
423 查看
1.加入音乐文件的方法
可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。
因为音乐文件格式的问题,以下写法可以解决格式不兼容问题:
<audio controls>
<source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
<source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
<source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>
无论访问者使用什么浏览器,它都将自动选择所读取的第一个文件类型,并为您播放声音。
2.加入视频文件的方法
<video controls width="450px"height="250px" poster="images/QQ图片20170316155503.jpg">
<source src="video/tweetsip.mp4">
<source src="video/tweetsip.ogv.mp4">
<source src="video/tweetsip.webm.mp4"> </video>
width和height代表播放器的宽高,poster代表播放器默认状态下显示的第一张图片,source标签
也是用来解决视频文件格式的问题
可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。
1 2 3 4 | < audio autoplay = "autoplay" controls = "controls" loop = "loop" preload = "auto" src = "http://demo.mimvp.com/html5/take_you_fly.mp3" > 你的浏览器不支持audio标签 </ audio > |
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则音频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
loop | loop | 如果出现该属性,则每当音频结束时重新循环开始播放。 |
preload | preload | 如果出现该属性,则音频在页面加载时进行加载,并预备播放。 如果使用 “autoplay”,则忽略该属性。 |
src | url | 要播放的音频的 URL。也可以使用<source>标签来设置音频。 |
<audio controls>
<source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
<source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
<source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>
无论访问者使用什么浏览器,它都将自动选择所读取的第一个文件类型,并为您播放声音。
2.加入视频文件的方法
<video controls width="450px"height="250px" poster="images/QQ图片20170316155503.jpg">
<source src="video/tweetsip.mp4">
<source src="video/tweetsip.ogv.mp4">
<source src="video/tweetsip.webm.mp4"> </video>
width和height代表播放器的宽高,poster代表播放器默认状态下显示的第一张图片,source标签
也是用来解决视频文件格式的问题
相关文章推荐
- 教你如何在网页中加入视频文件
- 如何把一个lib库文件加入到VC.NET项目中去 选择自 SEUU 的 Blog
- [.NET Tips 1001]如何在*.CS文件中加入版本跟踪信息?
- 如何在asp.net中如何在线播放视频文件
- 如何计算 一个音视频文件 (.ts)文件 (包含pcr信息). 播放所使用的带宽
- 如何在网页中播放rm视频文件
- 如何让Netmeeting加入多点视频会议
- 如何读取Flv视频文件的时间
- 痛并努力着-在asp.net中如何从视频文件中抓取一桢并生成图像文件
- 如何保存远程服务器上的音乐文件
- 痛并努力着-在asp.net中如何从视频文件中抓取一桢并生成图像文件
- 【转载】如何把一个lib库文件加入到VC.NET项目中去
- 如何把一个lib库文件加入到VC.NET项目中去
- 最近写了一个小的管理软件,其中在LOGO里加入了视频,这里讨论一下文件的保密
- [调查] 大家对公告栏中加入视频广告的看法如何
- 如何向 CImageList中加入位图文件
- 如何在*.CS文件中加入版本跟踪信息?
- 最近写了一个小的管理软件,其中在LOGO里加入了视频,这里讨论一下文件的保密
- 如何捕捉视频流并保存到文件
- 如何读取Flv视频文件的时间