html高度 禁止移动,html移动端网页视频如何禁用控件禁止全屏

我最近在做一个播放视频的页面，遇到了视频一播放就全屏的问题，现在想要禁止视频全屏，加webkit-playsinline和controls＝false都不管用，不知道该怎么办。

为了使用我自己写的视频控件，我把video视频写成1px＊1px，然后用canvas画布渲染，电脑浏览器看没问题，但是在手机上只要一点play按钮视频就自动全屏播放了，请问这个问题怎么解决？

我看好多直播app分享出来的页面(比如映客)视频播放时都是内嵌在网页里的，但我这个问题一直都解决不了，不知道有没有也遇到过这个问题的同学或者大神，你们是怎么做的呢？

回答：

目前查到的是“默认应该是不行，webkit-palysinline在native的UIWebView才起作用，默认浏览器中iOS 10+才开始支持。 DEMO链接：https://github.com/bfred-it/i…”

我测了一下Demo确实管用，不过js里面的方法现在还没看懂。［委屈脸］…

由于提及到native的UIWebView，所以我查了一下，思路是不是大概是，用js调用native的方法然后禁止原生视频控件和默认全屏事件？是不是要做一个js和native的bridge。如果是的话该怎么写呢，我看了一些教程还是不太懂，是不是需要新建一些.h和.m的文件。

原理是不是通过iframe发起请求，然后请求会被原生代码拦截到，然后调用请求里面携带的方法名，执行完再回调传回给js。虽然看了这么多可还是不知道具体落实到代码上怎么写…

我放几个教程的链接，有感兴趣的在这探讨下，有懂的大神麻烦指导下［可怜脸］，拜托拜托…

《让你在WebView中用JS调Native Object》：http://www.jianshu.com/p/87b5…

《禁用UIWebView的默认交互行为 》：http://blog.csdn.net/rainlesv…

《iOS的UIWebView中JS调用Native交互的两种方法实例》：http://www.111cn.net/sj/ios8/…

安卓手机也需要禁止视频全屏，是不是也需要用js调用本地原声的方法呢？