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实现音频和视频嵌入

简介 HTML5未出来之前,在线的音频和视频都是借助Flash或者第三方工具实现的,现在HTML5也支持了这方面的功能。在一个支持HTML5的浏览器中,不需要安装任何插件就能播放音频和视频。原生...
  • zuosixiaonengshou
  • zuosixiaonengshou
  • 2017年05月07日 23:56
  • 1398

html5 页面嵌入视频

spring 如果遇到:html5 video播放视屏...
  • zmm0420
  • zmm0420
  • 2016年03月09日 17:19
  • 2204

html5背景视频使用总结

1、尽量把视频素材压缩,即使高清的背景视频看上去极具诱惑力,但是加载缓慢给人的糟糕体验还是让你觉得会得不偿失的。建议使用1080/720p分辨率,750-1250数据数率,每秒24-25帧的素材。 2...
  • LJF1994
  • LJF1994
  • 2016年04月23日 12:52
  • 4216

使用 WebSockets 进行 HTML5 视频直播

实验环境:Ubuntu。 参考以下两个链接进行实践: http://segmentfault.com/blog/xingrz/1190000000392586 http://phob...
  • chfe007
  • chfe007
  • 2015年01月19日 20:40
  • 1245

浅谈html5 video标签嵌入视频

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

html5视频播放解决方案

 关键词:html5  nativeapp webapp mp4 H.264 html5没学习之前总觉的很神秘。近期通过学习和研究html5有点成果,特总结分享给大家。 众所周...
  • dj0379
  • dj0379
  • 2016年07月14日 17:50
  • 249

使用jQuery播放/暂停 HTML5视频

我尝试用jQuery控制HTML5视频,两个视频分别在两个tab中,我希望点中tab后,该tab里的视频可以立即播放,而另外tab里的视频能够停止。 我的代码是这样的:     $('#playMo...
  • qq_25887937
  • qq_25887937
  • 2015年10月27日 11:59
  • 4230

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

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

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

playVideo({             //所有参数,elemt和src为必填其他看需求怎么要求             //elemt为播放控件要插入的容器,src为视频文件地址,pre...
  • zhuyu19911016520
  • zhuyu19911016520
  • 2014年05月14日 15:36
  • 20727

HTML5添加 video 视频标签后仍然无法播放的解决方法

现象:插入如下代码后仍然无法看视频(注:视频已确认为浏览器支持格式) video controls="controls" width="500px" height="300p...
  • QDseashore
  • QDseashore
  • 2014年12月02日 16:32
  • 1149
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML5:插入视频及在视频层面上执行的操作
举报原因:
原因补充:

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