画画520 - 博客园

摘要：众所周知，微信浏览器下的html5视频播放兼容性一直是很头疼的问题，其中两个最主要的问题是隐藏播放控件和内联播放，在ios系统下这两个功能还比较好实现，重点是在android端，今天就给大家提供一个比较特殊的方法。先看一下html代码格式： <div class="videoBox"> <i cl 阅读全文

posted @ 2019-10-08 23:15 画画520 阅读(1244) 评论(0) 推荐(0) 编辑

JS工具库封装：Video转换成Canvas

摘要：在PC端，IE9+浏览器对原生视频的支持还是很不错的，然而一到了移动端就会各种兼容性的坑爹问题。在移动端，各大浏览器厂商对视频会植入许多他们自定义的交互方式（如默认全屏播放、视频不能初始化播放、窗口置顶等等），更坑爹的是这些被植入的交互还无法去掉。移动端的视频行内自动播放看起来确实很棘手。目前主阅读全文

posted @ 2019-10-08 18:53 画画520 阅读(2202) 评论(0) 推荐(0) 编辑

2019年9月29日

H5 video 标签播放事件

摘要： html 代码 <video controls="controls" id="video" poster="放图片，为了防止视频没加载完成显示空白" autoplay="autoplay自动播放"> <source src="视频路径" type="video/mp4" id="source"/> 阅读全文

posted @ 2019-09-29 00:10 画画520 阅读(5970) 评论(0) 推荐(0) 编辑

2019年9月26日

iSlider 如丝般高性能H5全屏滑动组件

摘要： iSlider 如丝般高性能H5全屏滑动组件简洁, 易用, 半行代码搞定. 性能卓越, 如丝般高性能全屏动画滑屏组件. 耦合完全分离, 更轻量, 无CSS依赖,无任何js库依赖. 一个组件只做一个事情, 专注于页面滑动, 避免冗余 , 保证性能. http://kele527.github.io/ 阅读全文

posted @ 2019-09-26 16:12 画画520 阅读(1612) 评论(0) 推荐(0) 编辑

2019年9月17日

webpack打包错误 ERROR in multi ./src/main.js ./dist/bundle.js

摘要：前言: 因为很长一段时间没用webpak，今天突然去回顾一下，发现我打包单个文件，报错，我很惊奇，我以前这样打包从来没有出现过问题，然后我去百度查询了一下我的这个的问题，原来是我的webpack 和vue -cli 版本太高了，老版本的这种打包方式已经不支持了，所以要用新的打包方式。当输入命令：w 阅读全文

posted @ 2019-09-17 11:16 画画520 阅读(881) 评论(0) 推荐(0) 编辑

公告