HTML 5 Video概述（2）
作者：dgguo 来源：腾讯互娱设计团队 发布时间：2010-06-23 18:56:00
2 Video标签的使用
Video标签含有src、poster、preload、autoplay、loop、controls、width、height等几个属性，以及一个内部使用的标签<source>。
Video标签内除了可以包含<source>标签外，还可以包含当指定的视频都不能播放时，返回的内容。
2.1 src属性和poster属性
你能想象src属性是用来干啥的。跟<img>标签的一样，这个属性用于指定视频的地址。
而poster属性用于指定一张图片，在当前视频数据无效时显示（预览图）。视频数据无效可能是视频正在加载，可能是视频地址错误等等。
2.2 preload属性
这个属性也能通过名字了解用处，此属性用于定义视频是否预加载。属性有三个可选择的值：none、metadata、auto。如果不使用此属性，默认为auto。
None：不进行预加载。使用此属性值，可能是页面制作者认为用户不期望此视频，或者减少HTTP请求。
Metadata：部分预加载。使用此属性值，代表页面制作者认为用户不期望此视频，但为用户提供一些元数据（包括尺寸，第一帧，曲目列表，持续时间等等）。
Auto：全部预加载。
2.3 autoplay属性
又是一个看名字知道用处的属性。Autoplay属性用于设置视频是否自动播放，是一个布尔属性。当出现时，表示自动播放，去掉是表示不自动播放。
注意，HTML中布尔属性的值不是true和false。正确的用法是，在标签中使用此属性表示true，此时属性要么没有值，要么其值恒等于他的名字（此处，自动播放为<video autoplay />或者<video autoplay=”autoplay” />）；而在标签中不使用此属性表示false（此处不进行自动播放为<video />）。
2.4 loop属性
一目了然，loop属性用于指定视频是否循环播放，同样是一个布尔属性。
2.5 controls属性
Controls属性用于向浏览器指明页面制作者没有使用脚本生成播放控制器，需要浏览器启用本身的播放控制栏。
控制栏须包括播放暂停控制，播放进度控制，音量控制等等。
0
投稿猜你喜欢
- 在网上找到的随机不重复查询代码：select top 15 * from article&
- 前言学会向程序中添加必要的注释，也是很重要的。注释不仅可以用来解释程序某些部分的作用和功能（用自然语言描述代码的功能），在必要时，还可以将代
1.场景问题说明mysql中一般的update写法支持的方式是,update 表 set 字段名=修改后的字段值 where 条件1 and- 1.概念百度百科：笛卡尔乘积是指在数学中，两个集合X和Y的笛卡尔积（Cartesian product），又称直积，表示为X &ti
- 早期写的python障碍式期权的定价脚本，供大家参考，具体内容如下#coding:utf-8'''障碍期权q=x/s
- 今天在我的Centos6.5机器上安装 Django 开发环境，在安装完使用 “django-admin.py startproject m
- 我和朋友对此的看法有分歧，我明明记得有不需要返回的时候的？你的看法是对的，例如在表中删除记录。我们来看看下面的例子——在Employee表中
- 本文实例讲述了php实现的三个常用加密解密功能函数。分享给大家供大家参考，具体如下：算法一：//加密函数function lock_url(
- 如下所示：RuntimeError: stack expects each tensor to be equal size, but got
- 前言装饰器(decorator)在Python框架中扮演着重要角色，是Python中实现切面编程(AOP)的重要手段。aspect-orie
- 某位 A 同学发了我一张截图，问为何结果中出现了负数？看了图，我第一感觉就是数据溢出了。数据超出能表示的最大值，就会出现奇奇怪怪的结果。然后
- 朋友的网站要计算机票的折扣价格，并且在最后的折扣价格上应对个位进行四舍五入，同时在ASP和Javasc
- 摘要如何用beautifulsoup4解析各种情况的网页beautifulsoup4的使用关于beautifulsoup4，官网已经讲的很详
- ASPJPEG组件是Persits出品的共享软件，试用期为30天，您可以在这里下载：http://www.persits.com/aspjp
- 背景在vscode刚刚装好的时候，对于开发人员来说可能需要写一些模块的测试，而这个模块可能又引用了其他模块，如果是同级目录的话可能会出现Mo
- 前段时间 做了个学校的春萌项目，其中用到vue连接后端java接口。先上后端接口代码：package controller;import n
- asp之日期和时间函数示例可以使用日期和时间函数来得到各种格式的日期和时间函数语法说明示例NowNow()取得系统当前的日期和
- 简介CSS Sprites并没有一个确定的中文翻译，通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技
- 最近用php进行文件目录信息读取，在网上弄到下面一段代码：//获取指定目录下的文件列表//$path 指定的目录，默认为当前目录//$ifc
- 侧边栏在响应式设计中起到很大的作用，当屏幕小到手机的屏幕时，能够自适应屏幕大小的侧边栏固然能够为网站添加色彩，那么在Bootstrap的框架
