![](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 · 1929 阅读 · 0 评论 -
微信公众号页面video标签播放视频兼容问题
web页面,内嵌许多小视频,在ios和安卓手机上播放时,存在以下问题: 1、在微信浏览器内播放时,视频会自动全屏 2、如果每个视频都有一张自定义的图片作为封面,在显示视频的同时,如果没有给这个视频设置高度,视频的容器在安卓手机上会被视频的封面撑大到变形 解决办法 : <video class="video-source" width="100%" height="240px" /*如果有封面,请设置高度*/ controls /*这个属性规定浏览器为该视频提供播放控件原创 2020-05-14 10:37:41 · 3604 阅读 · 4 评论