DEMO:http://craftymind.com/factory/html5video/CanvasVideo.html 点击播放的视频将产生奇特的效果。
注:请使用FF及Chrome浏览器浏览DEMO
HTML5插入视频的方法:
HTML5视频文件的参数设置:
autoplay true | false 如果是 true,则视频在就绪后马上播放。
controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
end numeric value 定义播放器在视频流中的何处停止播放。默认地,声音会播放到结尾。
height pixels 设置视频播放器的高度。
loopend numeric value 定义在视频流中循环播放停止的位置,默认是 end 属性的值。
loopstart numeric value 定义在视频流中循环播放的开始位置。默认是 start 属性的值
playcount numeric value 定义视频片段播放多少次。默认是 1。
poster url 在视频播放之前所显示的图片的 URL。
src url 要播放的视频的 URL。
start numeric value 定义播放器在音频流中开始播放的位置。默认地,声音在开头进行播放。
width pixels 设置视频播放器的宽度。
补充文档资料
HTML 5 参考手册:http://www.w3school.com.cn/html5/
HTML 5 视频使用资料参考:http://diveintohtml5.org/video.html
OGG百度百科:http://baike.baidu.com/view/411458.html
OGG wike:http://en.wikipedia.org/wiki/Ogg
补充视频资料
BigBuckBunny官网:http://www.bigbuckbunny.org/
BigBuckBunny大雄兔超级英雄蜻蜓侠高清720P