ipad如何播放HTML5,如何使用UIWebView使html5播放器在Ipad全屏上播放

UIWebView refers to development of application (App Store) using either native code or using web languages with technologies like Phonegap. It is a component that allows to render a webpage in an application.

Apple does not allow to control its native fullscreen experience on iPad/iPhone when you watch HTML5 video in Safari iOS - the video will play in the default quicktime player when in fullscreen. It is stated here.

allowsInlineMediaPlayback is used in a UIWebView as an HTML5 video tag property to allow video to play inline (aka in window mode) and so that the native fullscreen player is not automatically toggled when video is watched on an iPhone/iPod.

To achieve what you want you can either build an App for this or if you want to stick to browser based video display in HTML5 you can emulate fullscreen on iPad (and iPad only - it will not work on iPhone/iPod). For that you need to develop your own custom controls and extend the dimension in CSS of the video tag to the full width and height of the view port.

This is a bit tricky but you can read here - section Pseudo Fullscreen - for a start. IE9 and 10 for example do not support native fullscreen in HTML5 video and you need to implement this approach as well.

I personally use something slightly different like:

.fullscreen{

position:fixed;

z-index:1000;

left:0; right:0; top:0; bottom:0;

width:100%;

height:100%;

background:#000000;

overflow:hidden;

}

For the iPad you can bypass the native full screen approach with this pseudo fullscreen angle.

You may also want to read here on how to detect native fullscreen capabilities in browser.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值