H5播放器怎样才能做到满屏播放呢

Question

RT
图一

H5播放器怎样才能满屏展示呢，图一是我做出来的效果，两边存在黑色，而视频video的宽度是设置了100%，和屏幕宽度一致的

图二

图二是另外一个平台的效果，是可以占满屏幕两边的，

请教各位大神，是如何做到满屏的呢，

图片所展示的是ipone6 plus设备，微信内置浏览器打开的效果

Answer 1

这个和你写的样式有关。看下你的css reset，顺便关注下video元素父容器的大小。

Answer 2

<video x-webkit-airplay="true" webkit-playsinline="true" preload="auto" autoplay src="http://"></video>