在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.234.244.181,欢迎您的访问!

温馨提示 : 非特殊注明,否则均为李联华的博客原创文章,本站文章未经授权禁止任何形式转载
文章链接:https://www.ooize.com/problems-encountered-in-ios.html

订阅文章

在下面输入您的电子邮件地址以订阅我们的文章

留下评论

Loading...