iOS wkWebview播放HTML5 video视频 自动全屏问题解决

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>

解决方案:

  1. HTML里video必须加上webkit-playsinline属性;
  2. 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;

版权声明:本文为weixin_39550080原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。