HTML5:插入视频及在视频层面上执行的操作

转载 2011年01月19日 14:35:00


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

相关文章推荐

HTML5 - 使用<video>播放视频

1,下面是一个播放视频的最简单样例 (controls属性告诉浏览器要有基本播放控件)2,通过width和height设置视频窗口大小3,预加载媒体文件 设置preload不同的属性值...

下载网页中的html5视频之手动方法

最近在看慕课网的视频进行学习,中间遇到一个问题,移动端中的视频资源可以直接进行离线缓存,但是pc网页浏览的时候却没有提供相关下载或离线缓存的功能。 下面是自己摸索出来的一个下载方法,操作还是比较简单...

浅谈html5 video标签嵌入视频

前面谈到了网页怎么嵌入flash视频,就想到了另一个问题,flash格式视频在手机上播放,需要手机安装flash播放插件,而且flash视频绝对无法在苹果手机上播放,因为苹果对flash的不支持,导致...

使用 iframe 引用优酷和土豆和腾讯视频,支持 HTML5 手机 播放

写博客,只为记录项目中碰到的问题 使用百度视频上传,嵌入远程链接,然后在编辑器中自动转换为支持视频播放的html代码。 例如: 简单了修改了百度编辑器源码 默认的百度编辑器针对视频的处理有2种: 1...

HTML5 js控制vedio视频和分段播放

HTML5 vedio常用的js操作,包括设置,获取播放时间,播放本地视频,设置视频播放的开始和结束时间,分段播放视频等......
  • tuposky
  • tuposky
  • 2014年11月25日 20:15
  • 9441

无需Flash录视频——HTML5中级进阶

HTML5的权限越来越大了,浏览器可以直接调用摄像头、麦克风了,好激动啊。我们要用纯洁的HTML代码造出自己的天地。...

html5 canvas实现高并发视频弹幕功能

HTML5 canvas 80行代码实现的高并发弹幕功能,通过拉伸自动适配所有尺寸,已在pc,手机,电视浏览器通过测试,通过jquery插件方式导入 由于项目需要,分享自己开发的高并发弹幕功能 以下为...

html5 Video控件视频播放,电脑和手机上都能兼容。(mp4格式 电脑和android、ios都能播放)

playVideo({             //所有参数,elemt和src为必填其他看需求怎么要求             //elemt为播放控件要插入的容器,src为视频文件地址,pre...

web项目引用html5 video标签实现视频播放的坑

最近项目中用到视频播放,打算采用html5 的video标签实现网页视频播放,考虑到兼容性与样式又采用了jquery的video.js插件,使用过程中视频播放都没问题,但是在视频播放的时候运行容器(j...

HTML5全屏背景视频jQuery插件

vidbg是一款基于HTML5的全屏背景视频jQuery插件。通过该jQuery插件可以在容器中插入视频,也可以将视频作为页面的全屏背景。该视频插件使用简单,兼容IE9以上的浏览器。它的特点还有: ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5:插入视频及在视频层面上执行的操作
举报原因:
原因补充:

(最多只允许输入30个字)