HTML5:向网页中添加视频和音频


向网页中添加视频:video标签的使用


video标签有很多属性用于控制视频的播放:

  • src 用于指定视频文件的路径。
  • poster 用于指定一个图像,在当前视频播放之前或视频数据无效时显示(预览图)。视频数据无效可能是视频正在加载,可能是视频地址错误等等。
  • controls 用于向浏览器指明页面制作者没有使用脚本生成播放控制器,需要浏览器提供默认的播放控件(须包括播放暂停控制、播放进度控制、音量控制等)。
  • loop 用于指定视频是否循环播放,是一个布尔属性。
  • autoplay 用于设置视频是否自动播放,是一个布尔属性。

    注意:HTML中布尔属性的值不是true和false。正确的用法是,在标签中使用此属性表示true,此时属性要么没有值,要么其值恒等于它的名字;而在标签中不使用此属性表示false。

  • preload 用于在没有设置autoplay时定义视频是否预加载,它有三个可选择的值:none、metadata、auto。如果不使用此属性,默认为auto。

    None:不进行预加载。使用此属性值,可能是页面制作者认为用户不期望此视频,或者减少HTTP请求。
    Metadata:部分预加载。使用此属性值,代表页面制作者认为用户不期望此视频,但为用户提供一些元数据(包括尺寸、首帧图像、播放列表、持续时间等

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值