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

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