HTML5

autoplay 属性:设置视频为自动播放,即打开网页视频就绪后马上播放。例子:

<video controls=”controls” autoplay=“autoplay”>

<source  scr=”movie.ogg”  type=”video/ogg”>

<source scr=”movie.mp4″  type=”video/mp4″>

您当前的浏览器不支持该视频播放

</video>

 

controls 属性:引用浏览器默认控件。

浏览器控件包括:播放、暂停、定位、音量、全屏、切换字幕(如果可用)和音轨(如果可用)。

例子:

<video controls=”controls” >

<source  scr=”movie.ogg”  type=”video/ogg”>

<source scr=”movie.mp4″  type=”video/mp4″>

您当前的浏览器不支持该视频播放

</video>

height 和width属性:height 设置视频的显示高度,width设置视频的显示宽度。

需要注意的是height 和width只是将视频的显示宽高改变,实际视频宽高是没变的,占用性能也没改变。height 和width的单位是pixels即像素。

继续修改上面代码:

<video height=“480” width=“640” controls=”controls”  autoplay=“autoplay” >

<source  scr=”movie.ogg”  type=”video/ogg”>

<source scr=”movie.mp4″  type=”video/mp4″>

您当前的浏览器不支持该视频播放

</video>

 

loop属性:定义视频循环播放。

继续修改代码可得

<video height=“480” width=“640” controls=”controls”  autoplay=“autoplay” loop=“loop” >

<source  scr=”movie.ogg”  type=”video/ogg”>

<source scr=”movie.mp4″  type=”video/mp4″>

您当前的浏览器不支持该视频播放

</video>

 

preload属性:preload定义了视频在载入网页后全部载入浏览器还是载入一部分信息。其有3个值

auto – 当页面加载后载入整个视频

meta – 当页面加载后只载入元数据

none – 当页面加载后不载入视频(如果有controls属性点击播放会载入视频并播放)

preload如果和autoplay同时出现则被忽略。用法:

<video height=“480” width=“640” controls=”controls”  preload=“none” loop=“loop” >

<source  scr=”movie.ogg”  type=”video/ogg”>

<source scr=”movie.mp4″  type=”video/mp4″>

您当前的浏览器不支持该视频播放

</video>

 


标签:  |  | 


顶部