微信浏览器中阻止video全屏播放的方法

用html写移动端页面的过程中,有时候需要在一个相对小的区域去播放视频,免不了就会用到video标签,本来这个需求在一般的浏览器里时没什么问题的,但是用video在微信或者qq浏览器中播放时,发现视频会自动强制全屏播放,这个就很别扭了。。。在查了好多文章后,终于找到了解决办法!话不多说,看下面,其实很简单啊!

解决方法: 给video标签添加属性: x5-video-player-type="h5-page"
示例: 

完美解决!

其实腾讯服务里面还有更多的属性介绍,分享给大家哦:https://x5.tencent.com/tbs/guide/video.html

你可能感兴趣的:(前端总结)