HTML5播放多媒体

<audio>标签
<audio>标签用于播放音频,它支持的音频文件格式包括 .wav 	.mp3	 .ogg,如果并不是这三种格式,可以使用http://cn.office-converter.com实现音频格式的在线转换

<audio>标签的书写格式如下:
<audio src="音频文件地址" id='myaudio' controls>
		<source src="song.ogg" type="audio/ogg">
		<source src="song.mp3" type="audio/mpeg">
</audio>

<video>标签:
<video>标签用于播放视频,它支持的视频文件格式包括 .webm	.mp4	.ogg
<video>标签的书写格式如下:
<video src="音频文件地址" id="myvideo" controls>
	<source src="song.ogg" type="video/ogg">
	<source src="song.mp4" type="video/mp4">
</video>

<sorce>标签用来实现兼容性

audio标签和video标签的主要属性
公共:
autoplay:自动播放音频或视频
controls:显示系统自带的播放面板(可以全屏显示)
loop:自动循环播放音频或者视频
muted:音频或者视频播放时无音量
preload:值为auto表示页面载入后自动加载音频或视频,meta表示页面载入后只加载音频,none表示页面载入后不加载视频或者音频
checked:播放声音
video标签的独有属性:
poster:用来定义视频播放器的预览图片
width:设置视频播放器的宽度,不需要使用单位
height:设置高度


JavaScript中常用的audio和video对象的方法:
load():重新加载音频/视频
play():播放音频/视频
pause():暂停当前播放的音频/视频
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值