一、说到视频播放器，Flash和H5有什么区别？ Flash是adobe公司推出的浏览器插件，可以制作游戏。 H5是最近的“新互联网新一代HTML5标准，H5游戏现在数量少，会变热。 简而言之，H5比Flash新。 也可以代替使用
HTML5的优点主要是开发周期短、开发成本低，可以在跨平台上使用。 与Flash技术相比，H5技术不仅不需要插件，而且开发免费、搜索引擎友好等特点更适合移动端开发，受到很多开发者的喜爱。
1 .相对来说，HTML5更有市场。 H5是更新的技术，Flash多年来没有进步。
2. Flash加载难度大，H5加载速度快。
3. H5页兼容性强，使用方便。 HTML5可以与html、CSS、DOM. JS无缝耦合。
4. Flash需要软件支持，APP应用环境狭窄。 浏览器支持html5，不需要第三方插件。 用户有惯性。 浏览器最好自己支持。
5. H5页面容易融入微信等移动平台，目前微信拥有的市场份额非常大。
6. Adobe Flash漏洞n很多，大部分都相当严重，用户可能会被种木马。 html5相对较少。
学习Flash开发需要成本，但htm15与您原本熟悉的HTML语法非常相似，因此不需要花费更多的成本进行学习。
二、H5取代FLASH部分FLASH取代H5方面：1.动画canvas/canvas定时器2 .音频和视频视频视频/音频/音频3 .绘图canvas svg5.客户端数据存储webstorage、H5多媒体属性及其API视频格式： ogg、mp4、webm音频格式： mp3、wav、ogg用于视频播放，默认300 但是，静音设置控制项(用于允许在静音状态下自动播放muted : )在浏览器中显示的功能不同。 loop :是否循环播放poster :视频播放前的预览图像谷歌认为，preload :视频预加载方式auto :视频的宽第1帧内容包含： 默认情况下，metadata :视频宽第一帧内容none :未预加载任何内容2 .由js控制： ended :是否在退出paused :之前播放当前暂停在e :播放之前的时间duration :影片的总时间muted 3. video支持的方法play ) (播放开始pause ) )播放停止4、H5的多媒体进度条1. ontimeupdate事件是2 .通过重新定位播放视频/音频(音频/视频)的播放位置来调用此事件。 3 .提示：此事件通常与视频对象的currentTime属性一起使用，以返回视频/音频(音频/视频)的当前播放位置。 4. ontimeupdate事件侦听： duration :总时间currentTime :动态时间v1.currentTime/v1.duration ).tofixed(3) * 100； //当前市场占总时间的比例五、项目实例
实现方法：
div class=' main ' videoid=' v1 ' src=' birds.MP4 ' preload=' auto '/video divid=' mark '/div img src=' clothes 04.jpg ' id=' img2' img src=' play 02.png ' id=' img1' img src=' play.png ' id=' btn2 ' did varimg2=document.getelementbyid (img2)； var btn2=document.getelementbyid (btn2 )； var mark=document.getelementbyid (' mark )； varb ftime=document.getelementbyid (BF time )； var lvdong=document.getelementbyid (lvdong )； var v1=document.getelementbyid (' v1 )； var main=document.getelementsbyclassname [0]； //分分秒向上舍入，转换时间格式例如为00:00/00:10功能时间(cctime ) varmin=parseint ) cctime/60 )； varsec=parseint(cctime ` )； min=min=10？ min : '0' min； sec=sec=10？ sec : '0' sec； 返回最小' : ' sec； //未播放获取总时间v1.oncanplay=function () BF time.innertext=' 00336000 ' '/' timer ) v1.duration )； //实时播放时间v1.ontimeupdate=function () BF time.innertext=timer (v1.current time ) )/' timer (v1.duration ) ) var bfb=(v1.current time/v1.duration ).tofixed(3) *100； lvdong.style.width=bfb '% '； if(V1.ended ) ) {v1.pause )； img1.src='play02.png '； btn2.src='play.png '； mark.style.display='block '； img2.style.display='block '； }} img1.onclick=function () if ) V1.Paused ) {v1.play )； img1.src='pause02.png '； btn2.src='pause.png '； mark.style.display='NONE '； img2.style.display='NONE '； (else ) V1.Pause )； img1.src='play02.png '； btn2.src='play.png '； mark.style.display='block '； img2.style.display='block '； }}btn2.onclick=img1.onclick； main.onmouseenter=function () {img1.style.display='block '； btn2.style.display='block '； }main.onmouseleave=function () {img1.style.display='none '； btn2.style.display='none '； (/脚本