iOS wkwebkit 播放HTML5 视频 全屏问题解决

2018-03-05 11:30:04

使用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>123

在一篇博客中发现解决方案如下： 
http://www.cocoachina.com/bbs/read.php?tid=107728

HTML里video必须加上webkit-playsinline属性
<video id="player" width="480" height="320" webkit-playsinline>
Obj-C里，webview设置allowsInlineMediaPlayback属性为YESwebview.allowsInlineMediaPlayback = YES;1234

经过尝试发现果然好用

html代码如下：

 <video id="video" width="100%" poster="images/video.jpg" preload width="100%" controls webkit-playsinline>
 <source type="video/mp4" src="sex8.mp4" >
 </video>123

objective-c 代码如下：

  config.allowsInlineMediaPlayback = YES;

  • 精彩推荐

  • 2019-04-30 11:23:36

    elasticsearch和analysis-ik的安装使用

    全文搜索和中文分词主要介绍了两组全文搜索加中文分词方案； TNTSearch+jieba-php这套组合对于博客这类的小项目基本够用了；

  • 2019-04-30 11:42:24

    php7+laravel+coreseek（sphinx）中文搜索初步实现（Linux）

    官网www.coreseek.cn已不能下载，所以需从网上找资源， 注意的一点是，笔者安装coreseek-3.2.14版本后，使用时提示client版本高于server版本的错误， php的sphinx扩展，为使用者，为client；coreseek是系统服务，为server

  • 2019-04-30 13:55:13

    浅谈mysql fulltext全文索引优缺点

    为什么会注意到mysql的fulltext？ nima, 还是上次innodb转成tokudb引擎的事，这次alter修改表引擎的时候，提示percona tokudb是不支持fulltext索引的.

  • 2019-04-30 18:56:52

    elasticsearch文档操作

    使用了Elasticsearch提供的一整套强大的REST API，本文继续来看通过这一套API如何完成文档的基本操作。

  • 2019-05-05 14:04:11

    PHP使用CURL模拟POST/GET/PUT/DELETE方式提交数据

    最近因为工作需要，调用网盘接口来上传文件，我用了CURL库, 当然在用CURL库之前必须要在php中启用 cURL 设置 可以通过使用php_info()函数来得到cURL信息，如果看不到cURL信息的话，那么需要设置PHP并开启这个库。在Windows平台下，需要改一改php.ini文件的设置，找到 php_curl.dll，并取消前面的分号注释就行了。

  • 2019-05-07 00:04:04

    Tcpdf不使用css来实现线上合同和签章，图片悬浮

    以前虽然有了解过Tcpdf的用法，但是没有实际的应用过，最近在用tcpdf的时候发现对css支持很有限，使的如果想实现类似html的种种效果都很难，而我这次要做的就是 图片悬浮在文字上方形成类似水印或者盖章的效果。