其他 想在浏览器上和 iPad 上都可以播放,有什么好的解决方法?

shin · 发布于 2013年3月13日 · 最后由 shin 回复于 2013年3月14日 · 1802 次阅读
296

帮一个朋友做了一个网站,页面内嵌入FLV格式的视频,但ipad上不支持Flash格式的播放。 想在浏览器上和ipad上都可以播放,有什么好的解决方法? http://www.cadillacbl.com/product_4.html

共收到 9 条回复
96

js判断是什么类型,如是ios设备,转成m3u8输出。

162

我们是采用mp4格式,然后使用 videojs.com ,在ipad上是直接用html5播放,对于不支持html5的,会自动转换成flash,例子:

http://chanyouji.com/trips/24694#nt/771803

C5fc5e

#2楼 @quakewang 游记的滚动效果是采用的jquery插件做的么

De6df3

#2楼 @quakewang mp4 只是视频的壳而已,重点是视频编码需要转换成 H.264 这样 Android, iOS 都能直接播放了,并且效果也非常好

162

#3楼 @SharpX 不是,自己写的,没有找到相关类似的插件,而且要支持ipad和手机等移动设备。

296

谢谢各位!看起来开发成本最低的因该是用JS判断什么类型; ··· function get_device_type(){ var agent = navigator.userAgent.toLowerCase(); var type = 'other'; if(agent.indexOf("nt 5.0") > -1){ type = 'win2000'; } if(agent.indexOf("nt 5.1") > -1){ type = 'winxp'; } if(agent.indexOf("nt 5.2") > -1){ type = 'win2003'; } if(agent.indexOf("nt 6.0") > -1){ type = 'vista'; } if(agent.indexOf("nt 6.1") > -1){ type = 'win7'; } if(agent.indexOf("windows") != -1 || agent.indexOf("win32") != -1){ type = 'windows'; } if(agent.indexOf("macintosh") != -1 || agent.indexOf("mac os x") != -1){ type = 'mac'; } if(agent.indexOf("linux") != -1){ type = 'linux'; } if((agent.indexOf("iphone") > -1) || (agent.indexOf("ipod") > -1)){ type = 'ios'; } if(agent.indexOf("android") != -1){ type = 'android'; } if(agent.indexOf("NokiaN") != -1){ type = 'nokia'; }

return $type; }

if(get_device_type()=='ios'){ window.location.href= "your-ios-link.html"; } if(get_device_type()=='android'){ window.location.href= "your-android-link.html"; }

···

96

我们是用FFPEG转换成MP4在ios上播放。在网页上flash也可以支持MP4。

6130

试一试jplayer

296

@xyf158 开发的时候我们没有使用html5,jplayer 不好用吧!

需要 登录 后方可回复, 如果你还没有账号请点击这里 注册