在ios中遇到的问题

1.Safari播放视频全屏的问题

这个问题我已经苦恼很久了，比如说，我自己在网站潜入了一个视频，但是点击视频的时候却放大，这样却不是我的风格，但是我百度了很多东西都没有解决这个问题，直到我遇到了Apple 开发者官网。具体我不做过多的介绍，详细代码如下：

<video src="" width="100%" height="auto" webkit-playsinline="true"  playsinline="true"></video> 

<video>tag属性webkit-playsinline可以防止默认转到HTML5视频的全屏行为。

playsinline: IOS微信浏览器支持小窗内播放。

2.Safari双指缩放的问题

有时候一不注意就在浏览器中不小心双指缩放了，很不美观，也不方便，所以经过我多次研究得出以下代码：

<script>
    document.addEventListener('gesturestart', function (event) {
    event.preventDefault()
})
</script>

将以上代码放入自己的JS文件中，或者放到合适位置即可。

©️李联华的博客网 当前IP地址：3.144.102.237，归属地:俄亥俄州Dublin ，欢迎您的访问！