音频标签与视频标签

音频标签:

在html5中插入音频标签使用<audio></audio>对象标签

在audio标签中src(source)为该标签的核心标签

如:

<audio src="音频链接"> </audio>

在该标签中有三个重要属性:

autoplay/controls/loop

分别是:打开网站时自动播放音频/生成音频控制器/结束时循环播放

其使用方法

<audio autoplay="autoplay" controls="controls" loop=”loop“>

</audio>

有的浏览器不支持某些格式的音频

所以我们可以在audio元素中插入source属性来给不同的音频类型的音频进行排序

<audio>

<source src="xxx.mps">

<source src="xxx.ogg">

</audio>

浏览器会自动对以上音频从上到下进行一个选择

audio标签在各种浏览器中的表现形式也会不一样

视频表标签:

在插入视频时使用<video></vedio>标签

其核心也是src(source)

video标签中可以插入width(宽)和height(高)来进行一个对视频的一个大小的变换

poster标签是用来插入视频封面图片的一个属性

使用方法poster=“图片链接”

其他autoplay/controls/loop

同上无差异

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值