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;

2018-10-16 00:12:26

com.intellij...等出错影响了程序，标红
lick on "File -> Invalidate Caches / Restart"

2018-10-16 11:50:49

上面webview 下边评论
NestedScrollView，RecyclerView，webview。评论与webview相结合

2018-10-17 17:12:18

Activity与AppCompatActivity去掉标题栏
Activity与AppCompatActivity去掉标题栏

2018-10-18 09:55:33

百度鹰眼轨迹管理台注意事项
仔细阅读文档，深度理解写文档作者的用意。

2018-10-19 11:24:55

通过gradle下载最新依赖包的一种方式
通常我们添加依赖包有两种方式，一种是直接添加到libs文件夹下面，另一种是通过gradle进行依赖，例如：

2018-10-19 23:03:44

关于Plugin with id 'com.github.dcendents.android-maven' not found.问题解决
com.github.dcendents.android-maven

2018-10-20 20:44:03

RecycleView4种定位滚动方式演示
将RecyclerView滑动到指定位置，或者检索RecyclerView的某一项（各个项的高度不确定），然后定位滚动这到一项，将它显示。下面就讲解4种RecyclerView定位滚动

2018-10-21 22:29:24

android ScollView 嵌套 WebView 底部空白，高度无法自适应解决
最近要做一个页面，需要 ScrollView 嵌套 WebView，怎么嵌套，怎么解决焦点和 touch 事件冲突，网上一大堆，这里就不赘述了，但是发现 WebView 从一个高度很高的网页加载一个高度很低的网页的时候，高度无法自适应了，造成底部会有一大片的空白，解决方案找到了挺多，描述一下：

2018-10-22 18:06:29

Android根据字符串加载Activity和图片
根据传入的字符串跳转Activity，根据传入的字符加载资源

2018-10-23 02:29:11

for example, for httpclient use HttpUrlConnection or okhttp instead
原因:去除commons-logging.jar包后 maven依赖的commons-logging与系统自带的起冲突了.

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

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