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

我最近在做一个播放视频的页面,遇到了视频一播放就全屏的问题,现在想要禁止视频全屏,加webkit-playsinline和controls=false都不管用,不知道该怎么办。
为了使用我自己写的视频控件,我把video视频写成1px*1px,然后用canvas画布渲染,电脑浏览器看没问题,但是在手机上只要一点play按钮视频就自动全屏播放了,请问这个问题怎么解决?
我看好多直播app分享出来的页面(比如映客)视频播放时都是内嵌在网页里的,但我这个问题一直都解决不了,不知道有没有也遇到过这个问题的同学或者大神,你们是怎么做的呢?

已邀请:

ziyiyeqing

赞同来自:

目前查到的是“默认应该是不行,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调用本地原声的方法呢?

要回复问题请先登录注册