移动端遇到的问题

最新推荐文章于 2023-08-25 17:36:51 发布
最新推荐文章于 2023-08-25 17:36:51 发布
阅读量170 收藏
点赞数
分类专栏： vue笔记 移动端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43594321/article/details/109728182
版权

1- 关于video 移动端置顶问题
（当使用视频video作为背景时）

  • pc端中调试界面的移动调试工具未显示此bug，只要真正在手机上运行才有
  • Android暂不支持视频自动播放（ios10以上版本支持视频自动播放，以下版本不支视频自动播放）
    android下是不允许自动播放的，即使你用了video.play(),也是不行的。必须有用户的主动触发，比如触摸了屏幕，有click或touch事件产生。

解决置顶bug

      <video x5-video-player-fullscreen="true" x5-video-player-type='h5' ...  ></video>
元素159
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
移动端开发常见问题总结
09-29
心血制作，总结了移动端开发中遇到的问题 踩过得坑。心血制作，总结了移动端开发中遇到的问题 踩过得坑。心血制作，总结了移动端开发中遇到的问题 踩过得坑。心血制作，总结了移动端开发中遇到的问题 踩过得坑。
【前端帮帮忙】第6期 移动端使用video标签需要注意的一些问题
weixin_34189116的博客
05-08 1664
相信使用过<video>标签的都知道，<video>标签在pc端跟手机端显示的样式并不一样，而且还有个很蛋疼的就是微信中内置的浏览器，播放的时候会自动全屏问题。 接下来我们通过例子来分析下使用过程中可能碰到的一些问题，供大家参考。 示例代码 这是代码，只加了controls="controls"显示播放控制条，为了保持视频宽高比例，所以<video>外层套了一...
移动端video标签默认置顶的解决方案
qq_38472535的博客
07-18 545
移动端video标签默认置顶的解决方案
uni 中使用video在移动端层级过高问题解决方案
最新发布
weixin_50408263的博客
08-25 2959
通过控制自动全屏播放和退出全屏播放后暂停播放，来避免页面划走后视频仍旧播放的问题，但是，出现了封装在组件中的video 的api失效的问题。这个方法可行，但是咱们是包在swiper里的，current发生改变的时候，子窗体会出现渲染延迟问题。我们给swiper塞两个东西，一张普通的图片，一张视频的封面图，用返回类型来进行判断展示。我们把swiper里注入视频的封面图，给一个点击事件，点击打开弹出层自动开始播放视频。项目中的轮播图中包含图片和视频，点击视频进行视频播放。首先层级问题，网上有很多种解决方法。
小程序 video 组件在真机上固定在顶部样式失效
qq_45770253的博客
12-31 789
这篇文章，是我在开发小程序的时候，在一个页面中想要实现，上面是一个固定的视频区域，下面试可以滚动的其他信息区域。但是小程序的 video 标签，使用 fixed 或者是 sticky 进行定位在顶部后，在真机上测试会有问题。下面我就来解决这个问题 目录 文章目录目录1、概述2、解决方法 1、概述        我想做的样式是，让 mv 视频固定在页面的顶部，下面的信息区域可以进行上下滚动，但是如果直接渲染的话会存在问题，在真机上调试，.
less ,移动端less常见问题处理
01-31
本文将深入探讨在移动端项目中使用LESS时可能遇到的常见问题及其解决方案。 首先，我们来了解一下LESS的基本概念。LESS是一种CSS预处理器，它允许开发者使用变量、嵌套规则、混合（mixins）、函数等特性，使CSS编写...
Vue项目移动端滚动穿透问题的实现
10-15
在移动端开发Vue项目时，常常会遇到一个常见的问题——滚动穿透（Scroll Passthrough）。这个问题指的是用户在页面某一层级（如导航栏、侧滑菜单）进行滚动操作时，滚动事件会穿透到页面的下一层级，导致下层内容也...
移动端控制台插件vConsole.min.js
09-08
总的来说，vConsole.min.js是移动端开发不可或缺的辅助工具，它极大地提升了移动环境下的前端调试效率，降低了开发者在优化和调试过程中遇到的困难。无论是在原型验证、功能测试还是性能优化阶段，都能发挥重要作用...
移动端开发
09-11
同时，设置用户反馈机制，以便及时解决用户遇到的问题。 移动端开发是一个深度和广度并存的领域，涵盖从基础的编程语言到复杂的系统集成。随着技术的进步，开发者需要不断学习和适应新的工具、框架和最佳实践，以...
移动端开发遇到的问题
weixin_48687415的博客
01-10 157
1.两个页面之间如何传递数据， a:可以将数据追加到链接当中，在另一个页面获取数据（也就是通过地址栏传递数据） b:还可以先将数据保存到sessionstorge里面，然后在另一个页面存取 2.数组转换为字符串，可以用join方法，还可以将数组直接转换为字符串，然后截取掉方括号，以及用字符串方法，替换掉逗号（，）。 3.文字超过字数自动换行： overflow-y:scroll 在垂直方向出现滚动条 overflow-x:scroll 在水平方向出现滚动条 判断一个字符串是否包含在另一个数组 可以使用ind
移动端开发中遇到的坑点及总结(持续更新)
weixin_42436131的博客
09-29 2586
前端在移动端开发中遇到的坑点前言一、new Date（）在IOS上出现值为NAN的问题二、移动端中input中的文字使用height和line-height等值，文字居中但光标不居中的问题 前言 本文主要是记录自己在移动端开发中遇到的一些坑点（持续更新） 一、new Date（）在IOS上出现值为NAN的问题 我们常用new Date()去获取时间戳，例如 new Date("2017-08-11...
倾力总结40条常见的移动端Web页面问题解决方案
weixin_34109408的博客
05-30 3221
原文链接：http://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651493053&idx=1&sn=8409bc267cd73229425a915f27f6a27f&scene=0#wechat_redirect 1.安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很...
[踩坑]移动端安卓微信浏览器video.currentTime设置无效
weixin_44945942的博客
04-29 3644
背景介绍： 项目需求是video的src是异步获取的，因此在移动端碰到了currentTime设置无效的问题。 原因大概是currentTime先赋值了，但是视频资源还没有加载完成。 网上搜了一些方法： var myPlayer = $("#player"); var userAgent_m = navigator.userAgent; if(userAgent_m.indexOf("iPhone...
移动端项目遇到的一些问题及解决办法
Hello__World123的博客
07-01 1562
1.解决页面使用overflow: scroll在ios上滑动卡顿的问题? 首先你可能会给页面的html和body增加了height: 100%, 然后就可能造成IOS上页面滑动的卡顿问题。解决方案是： (1) 看是否能把body和html的height: 100%去除掉。 (2) 在滚动的容器中增加：-webkit-overflow-scrolling: touch或者给body增加：body {overflow-x: hidden}。 2.ios页面橡皮弹回效果遮挡页面选项卡？ (1) 有时body和h
移动端开发必会出现的问题和解决方案
qq_43623970的博客
04-30 1644
对于一个开发了多个H5的前端工程师，在开发过程中难免会遇到一些兼容性等爬过坑的问题。现在我将这些问题一一汇总一下，并在后面给出坑产生的原理，和现阶段常规的填坑方案。由此来做一个阶段性的总结。 问题 下面列举了我遇到的一些常规问题，如有遇到其他问题请在评论区补充，之后我也会实践后加以补充，感谢！（经常更新该文） 移动端 H5 相关问题汇总： 1px 问题 响应式布局 iOS 滑动不流畅 iOS 上...
移动端可能遇到的问题解决方案
qq_38179746的博客
11-03 160
1.ios如何取消首字母大写 <input type="text" autocapitalize="off"> 2.移动端input键盘右下角搜索按钮 <form action="" onsubmit="return false"> <input type="search"> </form&gt...
常见的移动端兼容问题以及解决方案
weixin_47340917的博客
05-05 3044
常见的移动端兼容问题以及解决方案 禁止ios识别长串数字为电话 解决方法：添加 meta 属性 <meta content="telephone=no" name="format-detection"> 禁止 ios 弹出各种窗口 解决方法：添加全局 CSS 样式 -webkit-touch-callout:none; 禁止 Android 手机识别邮箱 解决方法：添加 meta 属性 <meta content="email=no" name="format-detect
vue3做移动端适配问题
08-16
3. 如果你在针对iPad和iPad Pro设备时遇到无效的问题，你可以在index.html文件中添加以下代码： ```html /(pad|pod|iPad|iPod|iOS)/i.test(navigator.userAgent) && (head=document.getElementsByTagName('head'),...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值