![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
video
视频播放
风如白话
WEB前端开发
展开
-
video标签播放视频禁止脱离文档流
video 标签在微信公众号页面播放视频时,设置h5同层播放如下:webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放,也就是不是全屏播放*/x-webkit-airplay="true" /*这个属性还不知道作用*/playsinline="true" /*IOS微信浏览器支持小窗内播放*/x5-video-player-type="h5-page" /*启用H5播放器,是wechat安卓版特性*/x5-video-orientation="原创 2020-05-20 16:25:53 · 1935 阅读 · 0 评论 -
微信公众号页面video标签播放视频兼容问题
web页面,内嵌许多小视频,在ios和安卓手机上播放时,存在以下问题:1、在微信浏览器内播放时,视频会自动全屏2、如果每个视频都有一张自定义的图片作为封面,在显示视频的同时,如果没有给这个视频设置高度,视频的容器在安卓手机上会被视频的封面撑大到变形解决办法 :<video class="video-source" width="100%" height="240px" /*如果有封面,请设置高度*/ controls /*这个属性规定浏览器为该视频提供播放控件原创 2020-05-14 10:37:41 · 3617 阅读 · 4 评论