HTML5视频标签的全属性详解和用法示例

HTML5视频标签

HTML5视频标签是HTML5新增的一个标签,可以在网页中插入视频,它的全属性包括:src、preload、autoplay、loop、controls、width、height等。

src属性

src属性用于指定视频的URL地址,它是必须的属性,没有它则无法正常播放视频,它的值是一个URL字符串,例如:

<video src="video.mp4"></video>

preload属性

preload属性用于指定视频是否在页面加载时就开始下载,它有三个值:none、auto、metadata,其中none表示不预加载,auto表示预加载整个视频,metadata表示只加载视频的元数据,例如:

<video src="video.mp4" preload="auto"></video>

autoplay属性

autoplay属性用于指定视频是否自动播放,它只有一个值:autoplay,例如:

<video src="video.mp4" autoplay></video>

loop属性

loop属性用于指定视频是否循环播放,它只有一个值:loop,例如:

<video src="video.mp4" loop></video>

controls属性

controls属性用于指定视频是否显示控制条,它只有一个值:controls,例如:

<video src="video.mp4" controls></video>

width属性

width属性用于指定视频的宽度,它的值是一个数字,单位是像素,例如:

<video src="video.mp4" width="640"></video>

height属性

height属性用于指定视频的高度,它的值是一个数字,单位是像素,例如:

<video src="video.mp4" height="360"></video>

以上就是HTML5视频标签的全部属性及其用法,它们的使用方法也很简单,只需要在视频标签中添加相应的属性即可,例如:

<video src="video.mp4" preload="auto" autoplay loop controls width="640" height="360"></video>

本文链接:http://task.lmcjl.com/news/2787.html

展开阅读全文