H5 Safari上下滑视频播放模板

2024-10-25

ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法

一. 运行环境: iphone所有机型的qq浏览器,safari浏览器,微信内置浏览器(qq浏览器内核)等. 二. 异常现象: 1. 大幅度上下滑动h5页面,然后停止滑动,有时候会影响到页面滚动,如局部滚动条: 2. 大幅度上下滑动h5页面,页面中的悬浮层,如头部,底部菜单之类需要固定在指定位置的层不会随着挣个界面滑动:如果对前端的定位方式不太熟练的话,甚至会出现悬浮层的框架与内容相分离的现象. 三. 解决方法: 1.屏蔽滑动手势——具体解决方法有待探索研究,慎用直接屏蔽浏览器的滑动手势——干

SMW0上传EXCEL模板时报错无分配给对象***的MIME类型

在使用SMW0上传照片.声音文件.EXCEL模板等文件时,遇到报错提示,如下图所示: 解决办法:需要先维护 .XLS 文件的MIME TYPE,SMW0 打开如下图所示选择上图红色框中“WebRFC应用程序的二进制数据”回车后打开如下图所示: 点击上图红色框中的执行按钮,打开如下图所示: 点击上图红色框中的设置——〉维护MIME类型,打开如下图所示(这是维护好之后的情形): 点击上图红色框中的创建按钮,打开如下图所示: 新建类型TYPE:EXCEL,扩展名EXTENSION:*.XLS,然后保

Jquery实现手机上下滑屏滑动的特效代码

要引入两个jquery插件可以去网上下载 <script src="jquery-1.11.1.min.js"></script><script src="js/jquery.touchSwipe.min.js"></script> 代码如下: <!DOCTYPE html > <html ><head><meta charset="UTF-8">&

解决iphone safari上的圆角问题

-webkit-appearance : none ; /*解决iphone safari上的圆角问题*/

水平/竖直居中在旧版Safari上的bug

今天调了两个出现在旧版Safari上的layout bug. 它们最初是在同事的iPad上被发现的, 我在自己桌面上安装的Safari 5.1.7上也能够复现. Bug1: .vertical-center失效从网上学来了一个很好用的竖直居中的css. .vertical-center { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); tra

Atitit .h5文件上传 v3

Atitit .h5文件上传 v3 1. 上传原理1 2. V3版新特性1 3. Html1 4. Js2 5. uploadV2.js2 6. upServlet & FileUploadService {3 7. 注意::去除struts的干扰3 8. 参考4 1. 上传原理 FormData + apache io 2. V3版新特性组件化 ,使用了obj_selector 修正v2版bug 范例 person_info_edit .html用户信息头像修改 3. Html <s

Atitit .h5文件上传

Atitit .h5文件上传 1. 上传原理1 2. Html1 3. Js2 4. uploadV2.js2 5. upServlet & FileUploadService {3 6. 注意::去除struts的干扰3 7. 参考3 1. 上传原理 FormData + apache io 2. Html <script type="text/javascript" src="../com.attilax/io/uploadV2.js">

Angular 彻底解决 Dropdown 在 Safari 上无法自动关闭的问题

之前在 Safari 上用 focus 事件来实现 Dropdown 下拉菜单,结果在 iOS 上不兼容. 尝试了 MDN 和 stack over flow 上各种奇技淫巧,然而在 iOS 上全都败下阵来. 孙子兵法云:上兵伐谋.看来正面不行,就要侧面来. 与其针对 iOS Safari 这个怪物,不如来次釜底抽薪,永绝后患. 我们不用 iOS 上不友好的事件,只用click这种没有问题的事件接口. 监听到全局的click事件触发,就立即关闭下拉菜单. 在app.component.html中

在Ubuntu18.04.2LTS上安装视频播放器smplayer/vlc

在Ubuntu18.04.2LTS上安装视频播放器smplayer/vlc 一.前言在Ubuntu上的视频播放器质量很差,没有解码器,非常的不方便,于是我们需要手动去安装适合我们的播放器,比如smplayer,vlc等等. 二.PPA源 PPA是个人软件包文档(Personal Package Archives)首字母简写.只有Ubuntu用户可以用,而所有的PPA都是寄存在launchpad.net网站上.Launchpad(启动器)是Canonical公司所架设的网站,是一个提供维护.支援

在safari上，解决fixed失效问题

一个页面中有头部.底部和中间内容区域,底部固定在屏幕底端. 头部header 内容main 底部footer 方法一.在main上使用fixed定位,加上overflow-y属性. .main { position: fixed; top: 50px; bottom: 50px; overflow-y: scroll; } 不推荐这个fixed方案,因为页面偶尔卡住不动. 方法二.中间的main不设定位,高度100%,再padding头部和尾部, 其中头部和底部的定位设为absolute会比设为

伪Textatea的构建（div+table），以及相应的滚动条问题与safari上的优化

在页面中创建一个不可编辑的文本块,并且文本块的篇幅较大,第一反应是创建一个textarea,并将它的disabled="disabled",并设置相应的scroll属性,就可以构建一个尚可的文本块. 但这样的文本块存在许多的问题,最为严重的是textarea内部只允许纯文本,并不能识别html标签(较新的ie浏览器可识别标签,但包括chrome在内的主流浏览器不能识别),所以,一些特定的格式无法很好表达.并且,在一些版本的ie浏览器上,当设置disabled="disable

h5视频上传之前端视频压缩研究

今天领导接到一个h5上传手机视频的需求,主要是要看用户在这个视频中有没有完成某个任务,比如投篮进了几个球. 但是由于手机拍摄的视频文件大小有点大,直接上传的话,用户流量顶不住,而且特别耗时,在这样的情况下领导提出视频压缩的要求. 作为前端,我的想法是不行的,首先传统的做法是服务器压缩(想要了解服务器压缩的请谷歌或者百度FFmpeg命令),参考服务器压缩,服务器压缩是多种的,可以压缩视频的帧数.压缩视频的画质(图像的画质).改变文件编码. 从这几个方面出发, 减少帧数,用canvas定时绘制视频,

vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理

一.前言三年.net开发转前端已经四个月了,前端主要用webpack+vue,由于后端转过来的,前端不够系统,希望分享下开发心得与园友一起学习. 图片的上传之前都是用的插件(ajaxupload),或者传统上传图片的方式,各有利弊:插件的问题是依赖jq并且会使系统比较臃肿,还有传统的web开发模式前后端偶尔在一起及对用户体验要求低,现在公司采用webpack+vue+restfullApi开发模式前后端完全分离,遵从高内聚,低偶尔的原则,开发人员各司其职,一则提升开发效率(从长期来看,短期

爱上MVC3~在控制器或Action上动态设定模板页(Layout)

回到目录很多境况下,我们需要设置自己模块的layout,即它的布局页面,在MVC2中叫它模板页面,你可以在return view方法时设置它,当然,这不是一种好方法,因为我不想每个action都去设置一次,因为我们的controller一般指一个模块,而一个模块下的action,它们的layout基本是相同的,所以,有没有一种方法,在controller级别来实现这个呢,呵呵,当然有,那就是attribute特性,我们在MVC环境下,有一个ActionFilterAttribute,这个想毕大

MVC小系列（十六）【在控制器级别或具体Action级别上动态设定模板页(Layout)】

方法就是使用:ActionFilterAttribute它的几个方法:OnActionExecuted,OnActionExecuting,OnResultExecuted和OnResultExecuting,它们记录一个action从加载到页面最终显示在浏览器的全过程,这个东西一般用在页面权限验证,LayOut页面控制上这里面的几个方法执行顺序:OnActionExecuting action执行前 OnActionExecuted action执行后 OnResultExecuting 页面

JavaScript new Date()在Safari上的坑

问题描述我们经常用yyyy-MM-dd HH:mm:ss格式表示日期,如2018-11-11 00:00:00,在js开发中也经常会把此格式字符串格式化为javascript Date类型,如new Date('2018-11-11 00:00:00'),不幸的是此操作在Safari浏览器(不论是Mac还是iPhone)上会报错,返回Invalid Date.如下图所示在Mac Safari控制台执行解决问题所以在new Date('yyyy-MM-dd HH:mm:ss')格式化前

移动端采坑：Position: fixed 在Safari上的Bug

Position: fixed 在IOS上的显示效果会出现两种情况: 点击fixed定位的元素会出现fixed定位失效导致的元素贴向底部,即position: absolute,bottom: 0px;的情况点击fixed定位的元素,元素向上移,定位生效,位置偏移大解决方案 - 仅针对Safari 给fixed定位元素设置一个点击事件,在点击事件会调函数中加入 window.scrollTo(0, document.body.scrollHeight); (将页面视口定位至页面底部),然后

H5+MUI上传文件

应用场景:MUI+H5+WEBAPI 今天在给我外甥女调手机端上传图片的时候,发现他是直接调用的MUI下的api,直接调取相册或者相机,到最后只看见了一个文件的路径,所以以前写的上传文件就不太好套上去了,我又比较懒(｀・ω・´),我就去查MUI的api,功夫不负有心人让我找到了MUI下用来专门处理上传的方法,我也就不卖弄文章了,毕竟我搞前端也是很让人捉急,献丑了 js代码: var task = plus.uploader.createUpload( "http://47.94.245.189:

VS2012上添加SharePoint2013模板,SharePoint2013 Tool安装配置

今天需要在SharePoint2013上做开发,但是安装的VS2012默认只有sharepoint2010的模板,因此需要安装配置好,这里我们通过Web平台安装程序4.0来配置的 Web 平台安装程序 (WebPI) 可以简化 Microsoft 所有免费 Web 产品的下载/安装. 它包含构建 Web 解决方案所需的一切,包括服务器.工具.技术以及最新更新的产品.您还可以选择自己喜欢的 Web 应用程序,Web PI 不仅会下载并安装应用程序,而且还会下载并安装运行该应用程序所需的依赖项,从而

H5 图片上传

1.h5 图片异步上传 (1) 异步上传input触发onchange事件的时候,就把图片上传至服务器.后台可能会返回图片的链接等信息,前台可以把图片信息展示给用户看. (2) 另一种情况可能需要前台自己重写提交(如下图): 显示图片的时候,添加一个type='hidden'的input框,用来存后台需要提交的东西(后台会返回,只需要用input存起来) 2.h5 图片同步上传 (1) 同步上传.把图片获取,预览出来.然后在提交服务器 (代码) /** * tinyImgUpload * @pa

H5 Safari上下滑视频播放模板

热门专题