html5视频兼容,html5视频播放器下载
学html5之前总觉得自己很神秘。最近通过学习和研究html5，取得了一些成果，总结一下，分享给大家。
众所周知，应用开发有两种：一种是native native app，一种是web app，即通过浏览器访问的应用。
Html5在移动互联网时代有其独特的地位。虽然它有很多优点，但不能完全取代native APP。虽然native APP的开发成本较高，但其良好的用户体验、API和现有的开发生态链将保持其长期繁荣。这两个应用程序将相辅相成，共存。学习html5的成本并不高。H5的精髓是html。任何做过web开发的人，稍加学习就能掌握。
这里主要研究的是应用html5解决视频播放的问题。Adobe因为战略失误而忽略了移动互联网，移动端也没有很好的支持flash，尤其是苹果终端不支持flash(苹果电脑和笔记本都支持flash)。大多数pc应用程序的闪存，
流媒体也可以有很好的交互体验。为了在移动端播放和显示，我们深入研究了html5，使用html5可以直接播放视频，不需要插件，也可以跨平台播放。一、html5技术优势
关于视频无插件播放，点击观看。
2跨平台，易于升级维护，开发成本远低于native APP。
3良好的支持移动，手势，本地存储和视频转播等。你可以通过H5移动你的网站。
4代码更简洁，交互性更好
5支持游戏开发二、html5播放视频
pc端还是用flash玩，移动端用html5。
html5的视频标签只支持mp4、webm和ogg。目前主流浏览器的最新版本都支持html 5(Opera除外)
H.264已经占据了视频市场80%的份额。如果移动应用视频，建议编译成264格式，高压缩比高画质好。
H.264是由两个组织组成的联合视频组织(JVT)共同制定的一种新的数字视频编码标准。它不仅是ITU-T的H.264，也是ISO/IEC的MPEG-4高级视频编码(AVC)的第10部分。因此，MPEG-4 AVC、MPEG-4 Part 10和ISO/IEC 14496-10都参考H.264三、html5代码DEMO
！doctype html html meta http-equiv=Content-Type Content= text/html；charset=utf-8 script src= JavaScript/jquery-1。7 .2 .量滴js /script script src= JavaScript/js player。js /script script src= JavaScript/dtooltip-min。js /script链接href= CSS/play。CSS？var=1121 rel=样式表 type= text/CSS script type= text/JavaScript 函数浏览器redirect(){ var suser agent=navigator。用户代理。to小写()；var bis ipad=suser代理。match(/ipad/I)== ipad ；var bIsIphoneOs=suser代理。match(/iphone OS/I)== iphone OS ；var bis midp=suser agent。match(/midp/I)== midp ；var bisuc 7=suser代理。匹配(/RV:1。2 .3 .4/I)= RV:1。2 .3 .4 ;var bIsUc=suser代理。match(/ucweb/I)== ucweb ；var bis Android=suser代理。match(/Android/I)== Android ；var bIsCE=suser代理。match(/windows ce/I)== windows ce ；var bis WM=suser agent。match(/windows mobile/I)== windows mobile ；if(bis Android){ document。getelementbyid( a )。风格。display= block文档。getelementbyid( b )。风格。display= none文档。getelementbyid( c )。风格。display= none文档。getelementbyid( d )。风格。display= none} else if(bIsIphoneOs bis midp bIsUc 7 bIsUc bIsCE bIsWM){ document。getelementbyid( b )。风格。display= block文档。getelementbyid( d )。风格。display= none文档。getelementbyid( a )。风格。display= none文档。getelementbyid( c )。风格。display= none} else if(bis ipad){ document。getelementbyid( c )。风格。display= block文档。getelementbyid( a )。风格。display= none文档。getelementbyid( b )。风格。display= none文档。getelementbyid( d )。风格。display= none} else {文档。getelementbyid( d )。风格。display= block文档。getelementbyid( a )。风格。display= none文档。getelementbyid( b )。风格。display= none文档。getelementbyid( c )。风格。display= none} }窗口。onload=function(){浏览器重定向()；} $(文档)。ready(function(){ var PS=new jsPlayer( 700 ， 500 ，我的视频)；} );/脚本标题测试移动终端/title/headbodydiv id=ap这是安卓手机/p/divdiv id=bp这是苹果手机/p/divdiv id=cp这是ipad/p/divdiv id=dp这是电脑/p/div div style= width:700 px；边距：自动；-播放器代码开始-div class=播放内容 div class=播放屏幕 video id=我的视频 source src= Movie/th 264。 MP4 type= video/MP4 /video/div div class= proLines div id= origin class= arial 00:00:00/div div class= line div class= isPlayLine div class= current circle /div/div div id= duration class= arial /div/div div div class= arial -播放器代码结束- /div /body /html四、html5发展情况
Html5浏览器支持情况
绝大多数浏览器支持html5(除了歌剧迷你)
数据来源：http://caniuse.com/#cats=HTML5
mp4视频支持情况
主流都支持mp4(除了歌剧)
数据来源：http://caniuse.com/#feat=video
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。