html5 video,禁止全屏

Question

有视频全屏的事件吗???
现在需要视频禁止全屏应该怎么做?
同时再请教一下,在微信的webviwe上,视频被加上了控件
如底部控制条,视频区域中央的播放按钮,
有可能是微信webview自己的渲染机制??
这些我都不想要,有办法禁止吗?
还有,视频高宽比为4:3,在桌面浏览器,ios微信webview上正常显示(除了多了上述控件)
在安卓微信webview上却被旋转了,
也就是页面上显示为高宽比为3:4的区域,
然后视频被旋转了90度放了进去

求大神来解惑一下

Answer 1

webkit-playsinline属性在webkit内核的浏览器上能生效(当然具体的兼容性我并不太清楚)
然后就是针对国情,安卓平台上国内所有主流浏览器(包括微信和QQ内置的X5,UC,百度,qq等的手机浏览器)都有所谓的针对webkit深度优化的内核.基本很难对video标签进行操作(我记得全是强制全屏),对video标签设置z-index也不会起效
以上所述情况,是我问这个问题不久后,对所有主流的手机浏览器或是app中的webview测试得出的结果.并不知道现在的情况是否有变
就酱!

Answer 2

video::-webkit-media-controls-fullscreen-button {

display: none;

}
直接把全屏按钮隐藏掉

Answer 3

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