HTML5使用video播放视频,限制视频的尺寸,但在ios中出现的全屏问题
使用html5 的video标签播放视频的时候,限制视频的尺寸,在android上是没有问题的,但是在ios上发现,视频没有开始播放的时候还是好的,但是一旦播放开是,就会全屏,非常奇怪。
<video id="video" width="100%" poster="images/video.jpg" preload width="100%" controls>
<source type="video/mp4" src="sex8.mp4" >
</video>
解决方案:
- HTML里video必须加上webkit-playsinline属性;
- IOS客户端在Obj-C里,webview设置allowsInlineMediaPlayback属性为YES
// HTML里video必须加上webkit-playsinline属性
<video id="player" width="480" height="320" webkit-playsinline>
// Obj-C里,webview设置allowsInlineMediaPlayback属性为YES
webview.allowsInlineMediaPlayback = YES;
经过尝试发现果然好用
html代码如下:
<video id="video" width="100%" poster="images/video.jpg" preload width="100%" controls webkit-playsinline>
<source type="video/mp4" src="sex8.mp4" >
</video>
objective-c 代码如下:
config.allowsInlineMediaPlayback = YES;