随笔分类 - html

移动端禁止video在ios系统中自动全屏播放

摘要：当video在ios上面点击播放效果自动全屏播放，这个体验非常不好，因为上面有全屏播放提示，如果用户真的需要全屏会自己的点击全屏播放的按钮，所以要禁止video在ios系统自动全屏播放。(Android没有这个问题，所以不用单独去处理) 只需要在标签里面写上： webkit-playsinline= 阅读全文

posted @ 2021-01-14 13:51 YoYo/切克闹阅读(1778) 评论(0) 推荐(0) 编辑

h5 移动端关于监测切换程序到后台或息屏事件---visibilitychange的使用

摘要：需求：当我们页面上正在播放视频或者播放背景音乐时，我们屏幕自动息屏或者切换程序去看消息时，我们希望暂停视频或背景音乐，回到程序我们希望继续播放视频或播放背景音乐。小程序上提供了 onUnload返回 onHide退出 onShow重新进入等生命周期，h5提供了一个visibilitychange，可阅读全文

posted @ 2020-03-18 17:32 YoYo/切克闹阅读(3521) 评论(0) 推荐(1) 编辑

【mui webAPP】HBuilder创建的iOS平台设置沉浸式状态栏

摘要：应用占用全屏区域，而系统状态栏需要预留出系统状态栏高度。 HBuilder创建的应用默认不使用沉浸式状态栏样式，需要进行如下配置开启：打开应用的manifest.json文件，切换到代码视图，在plus -> statusbar 下添加immersed节点并设置值为true。 "plus": { " 阅读全文

posted @ 2020-02-27 14:59 YoYo/切克闹阅读(443) 评论(0) 推荐(0) 编辑