向网页中添加视频:video标签的使用
video标签有很多属性用于控制视频的播放:
- src 用于指定视频文件的路径。
- poster 用于指定一个图像,在当前视频播放之前或视频数据无效时显示(预览图)。视频数据无效可能是视频正在加载,可能是视频地址错误等等。
- controls 用于向浏览器指明页面制作者没有使用脚本生成播放控制器,需要浏览器提供默认的播放控件(须包括播放暂停控制、播放进度控制、音量控制等)。
- loop 用于指定视频是否循环播放,是一个布尔属性。
autoplay 用于设置视频是否自动播放,是一个布尔属性。
注意:HTML中布尔属性的值不是true和false。正确的用法是,在标签中使用此属性表示true,此时属性要么没有值,要么其值恒等于它的名字;而在标签中不使用此属性表示false。
preload 用于在没有设置autoplay时定义视频是否预加载,它有三个可选择的值:none、metadata、auto。如果不使用此属性,默认为auto。
None:不进行预加载。使用此属性值,可能是页面制作者认为用户不期望此视频,或者减少HTTP请求。
Metadata:部分预加载。使用此属性值,代表页面制作者认为用户不期望此视频,但为用户提供一些元数据(包括尺寸、首帧图像、播放列表、持续时间等