H5--媒体标签(audio+video)

本文详细介绍了HTML5中的音频和视频标签,包括`
摘要由CSDN通过智能技术生成

音视频标签

<audio src="链接音频(mp3、wav、ogg)">浏览器不支持音频标签,则显示文字</audio>
<video src="链接视频(Webm、ogg、mp4)">浏览器不支持视频标签,则显示文字</video>使用音频标签提供至少两种视频格式的文件

属性

src:链接
autoplay :是否自动播放,设置了如果浏览器的自动播放禁止也是无效的
controls : 是否显示播放控件,不同的浏览器的控件外观不相同
currentTime : 0 当前播放的时间点,赋值可以完成加载
duration : 获取音视频总时长(s)
ended: 是否播放到最后结尾了
loop :是否循环播放
muted:是否静音
volumn: 0~1 音量设置,默认是最大值,且是js对象的属性,不能在标签上直接写
pasued : 当期那是否处于暂停状态
poster: 指定视频第一帧播放前的电影海报
preload 值(视频预加载的方案)

取值:metadata 元数据,只预加载视频的宽度、时长、第一帧内容
auto 自动预加载、时长、第一帧内容、并缓冲一定时长
none:不预加载任何内容

方法

  • play()开始播放
  • pause()暂停播放

事件

  • onplay: 开始播放
  • onpause 暂停播放
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值