HTML5之video

 

在HTML5中使用视频,调用元素video,video的具体用法如下:

1,<video src=”movie.ogg” controls=”controls”>您当前的浏览器不支持video元素
</video>

2,

<video controls=”controls”>

<source src="movie.ogg" type="video/ogg"/>

<source scr="movie.mp4" type="video/mp4"/>

</video>

src:视频的路径

controls:true | false;是否显示控制条

autoplay:true--视频就绪后马上播放;false--不自动播放

end:控制视频什么时候结束

start:视频播放的开始位置

height:控制播放器的高度

width:控制播放器的宽度

loopend:定义视频流中循环停止的地方,默认为end属性的值

loopstart:定义视频流中循环开始的地方,默认为start属性的值

playcount:定义视频播放的次数,默认为1

poster:在视频播放之前显示的图片的url

 

 

Video的事件属性

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,
ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,
ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,
onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,
onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload