网上教学
网络营销培训专家新川教育
   著名实战网络营销课程培训机构.
本校电商部业务:网站建设、SEO介绍
网络营销,淘宝培训课程优惠
video元素与audio元素属性的使用方法《HTML5系列教程14》

来源:新川教育 阅读数:2691
添加时间: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。谢谢大家的观看。祝大家:生活愉快、身体健康。

      友情链接

  1. 办公文秘
  2. 美术培训
  3. SEM培训
  4. UI设计
  5. PS图片处理
  6. 营销就业班
  7. 跨境电商
  8. 微信营销
  1. 开班信息
  2. 教学优势
  3. 师资介绍
  4. 资料下载
  5. 工作推荐
  6. 学员作品
  7. 学校图片
  8. 视频营销

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

粤公网安备 44011302001949号 site map