video 标签存在的一些坑

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

最近做的些web页面,内嵌许多小视频,在ios和安卓手机上播放时,遇到不少问题:

在微信浏览器内播放时,视频会自动全屏 如果每个视频都有一张自定义的图片作为封面,在显示视频的同时,如果没有给这个视频设置高度,视频的容器在安卓手机上会被视频的封面撑大到变形

如果你的video标签也加了上面的属性,那么,你的视频可以在IOS手机上的小窗口播放,同时,视频封面同视频的宽度与高度也保持一致了。

经过各种尝试,在iOS下,可以给video添加webkit-playsinline属性,使视频在页面上原本位置播放,但这个属性在安卓上无效。

转载于:https://my.oschina.net/u/2393989/blog/2873653

你可能感兴趣的:(video 标签存在的一些坑)