HTML新特性之二 ---视频和音频

本文介绍了HTML5中<video>和<audio>标签的使用,包括它们的属性如autoplay, controls, loop, muted和poster,以及预加载策略。同时讲解了如何处理兼容性问题,并列举了JavaScript对象属性如currentTime, duration, paused, volume和playbackRate,以及play(), pause()方法和相关的事件监听。" 118576600,10106099,Vue 路由传参与页面激活时搜索,"['Vue', '前端开发']
摘要由CSDN通过智能技术生成

视频特性

<video src="birds.mp4 "></video>

成员属性

autoplay:false 是否自动播放

controls:false 是否显示播放控件

loop:false 是否循环播放

muted:false 是否静音

poster:"" 是在播放第一帧之间显示海报=>图片

preload: 视频的预加载策略

auto: 预加载视频的元数据以及缓冲一定时长视频

metadate:预加载视频的元数据

none:不预加载任何数据

 

处理兼容性问题,如果不支持mp4就播放webm

    <video autoplay loop muted poster="images/bg.jpg">
      <source src="./images/bg.mp4" type="video/mp4">
      <sourc
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值