在微信内置浏览器 ios video再次点击事件没反应 video有些视频上下出现空白原因

版权声明： https://blog.csdn.net/qq_36979290/article/details/84170895

问题一：video再次点击事件没有反应，Android正常

解决办法:在video 标签中加入 ：webkit-playsinline playsinline

<div class="dis_video">
                <video webkit-playsinline playsinline id="myVideo" onclick="stopPlay()">
                    <source src="http://221.228.226.5/14/z/w/y/y/zwyyobhyqvmwslabxyoaixvyubmekc/sh.yinyuetai.com/4599015ED06F94848EBF877EAAE13886.mp4">
                </video>
</div>

问题二：video设置好大小后，有些视频会出现上线空白，或者左右空白；

解决办法：该问题是，不同视频他的分辨率不一样，比如手机拍的视频和摄像机拍的视频会不一样，导致video标签设置固定宽度，对一些视频无效，有些视频播放网站不是，上下会有黑色的背景吗，只有中间一块有，办法一：所有的视频大小都一样，这样设置一个宽度和高度就可以了；办法二：给video加黑色背景，如果视频不能铺满，则用黑色背景代替；

有其他简单办法，希望能留言！