前端
阿云_
这个作者很懒,什么都没留下…
展开
-
APP内嵌HTML5实现视频横屏播放
需求: 页面是嵌套在app中的H5页面,点击首页的封面图加载播放视频页面,播放页只有一个video标签,所以如果如图就会很难看,并且播放按钮会很小,就像下图: 需要做到打开页面的时候自动播放并且横屏。 于是我就找资料啊找资料,发现了很多种做法,并且逐一实验,没有找到合适的。┭┮﹏┭┮ 最后找到一个插件,从中获得了启发,虽然H5不能使手机横过来,但是换个思路,可以把视频转90...原创 2018-05-08 17:35:27 · 23392 阅读 · 15 评论 -
Bootstrap 轮播图Carousel 实现左右滑动手势
前言bootstrap的carousel轮播图只有两侧的边可以进行点击并进行上一页下一页,但是这个轮播图放在手机页面H5里就很需要手势左右滑动。我查了下网上都是引一些别的类库,并不是最好的方法。代码其实bootstrap有提供左右切换的方法,但是没有监听手势滑动的事件,我们只需要实现监听事件并进行处理就可以了。三个事件ontouchstart 当按到屏幕时触发 o...原创 2018-11-05 22:29:10 · 5281 阅读 · 0 评论