课程免费试听
网络营销培训专家:新川教育
   著名网络营销培训、淘宝电商培训机构.
实力机构,系统实战!免费试听.
网络营销,淘宝培训课程优惠
video元素与audio元素属性的使用方法《HTML5系列教程14》

来源:新川教育 阅读数:1674
添加时间:2017-4-20   类别:网页设计教程

video元素与audio元素属性的使用方法《HTML5系列教程14》

HTML5元素属性详解

    video元素和audio元素的属性有很多,使用的方法也大同小异,在以往的实例中,我们分别介绍了video元素和audio元素在HTML5中的效果,其中也包括属性的使用方法,本篇中将为大家介绍video元素和audio元素属性的使用方法


1.SRC属性

设置音频或视频的URL地址。示例代码如下图所示:

HTML5中SRC属性的使用方法

2.autoplay属性

    设置当页加载时,是否自动播放音频或视频文件。如果需要自动播放音频/视频文件,则添加该属性,否则不添加该属性,示例代码如下图所示:

HTML5中autoplay属性的使用方法

3.preload属性

    设置页面加载时,是否对音频/视频文件进行预加载。preload属性有三个可供选择的值:none表示不进行预加载;metadata表示仅加载元数据,即音频/视频文件的大小、第一帧、播放列表和持续时间等;auto表示加载全部音频/视频文件。示例代码如下图所示:

HTML5中preload属性的使用方法

4.poster属性

    该属性是video元素属性,设置当视频不可用时,向用户展现一幅图片。示例代码如下图所示:

HTML5中poster属性的使用方法

5.loop属性

    设置是否循环播放音频/视频文件。如果要循环播放音频/视频文件,则添加该属性,否则不添加该属性。示例代码如下图所示:

HTML5中loop属性的使用方法

6.controls属性

    设置是否添加浏览器自带的播放控制器,其中包括播放、暂停和声音等控件。如果需要显示播放器,则添加该属性,否则不添加该属性。示例代码如下图所示:

HTML5中controls属性的使用方法 HTML5中controls属性的使用方法

7.width元素和height属性

    这两个属性是video元素属性,width属性用于指导视频的宽度,height属性用于指导视频的高度,单位均为像素(px)。示例代码如下图所示:

HTML5中width元素和height属性的使用方法

8.muted属性

    设置当页面加载时,播放器是否被静音。如果需要静音,则添加该属性,否则不添加该属性。示例代码如下图所示:

HTML5中muted属性的使用方法

    只要自己多练习,对代码足够熟悉就能够运用的比较好了,video元素与audio元素属性的使用方法还是比较简单的。了解跟多精彩文章请加我们的官方微信:pyyuanxing。谢谢大家的观看。祝大家:生活愉快、身体健康。

双11狂欢节学费大优惠活动!    限20名! 报名从速。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. 营销就业班
  4. 资料下载
  5. 学员作品
  6. 学校图片
  7. 联系方式
  8. site map

地址: 广州市番禺区市桥街桥东路63号银座中心7楼全层(番禺中医院旁边,百德中心斜对面)   
电话: 020-84829690   咨询QQ:522961923  点击这里给我发消息 
咨询微信:18926224142   微信公众号:新川教育
Copyright 2005-2020广州新川教育 All rights reserved.粤ICP备11014454号-6