声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 <audio autopaly> <vide ...
分类：
其他好文 时间：
2019-05-19 13:50:34
阅读次数：
1268
【UC浏览器】video标签脱离文档流 场景：<video>标签的父元素(祖辈元素)设置transform样式后，<video>标签会脱离文档流。 测试环境：UC浏览器 8.7/8.6 + Android 2.3/4.0 。 Demo：http://t.cn/zj3xiyu 解决方案：不使用tran ...
分类：
移动开发 时间：
2019-04-24 16:03:30
阅读次数：
245
浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分： 1：渲染引擎 2：JS引擎 目前市面上常见的浏览器内核可以分为这四种：Trident(IE)、Gecko(火狐)、Blink(Chrome、Opera)、Webkit(Safari) 页面加载过程要点如下： 1：浏览器根据DNS服务器得到 ...
分类：
其他好文 时间：
2019-04-16 16:25:53
阅读次数：
180
最近一直在处理video标签在IOS和Android端的兼容问题，其中遇到不少坑，绝大多数问题已经解决，下面是处理问题经验的总结： 1.获取视频的第一帧作为背景图； 技术：canvas绘图 2.禁止安卓手机自动全屏 video标签在安卓系统下，默认全屏，通过添加属性可以禁止全屏， x5-playsi ...
分类：
移动开发 时间：
2019-03-27 12:57:30
阅读次数：
522
<form action="所有表单值提交的地址" method="传值的方式默认是GET方式,还有另一种POST方式"> 表单元素</form>--> <!--提交方式: 1.get: 所有表单的数据以键值对的方式 key=value的方式传递给后台 url:请求地址?key1=value1&ke ...
分类：
其他好文 时间：
2019-03-26 15:22:37
阅读次数：
261
一、video标签 作用：播放视频 video标签属性 1）src:用于告诉video标签需要播放地视频地址 2）autoplay：用于告诉video标签是否需要自动播放视频 3）controls：用于告诉video标签是否需要显示控制条 4）poster：用来告诉video标签视频没有播放之前显示... ...
分类：
其他好文 时间：
2019-03-17 17:04:17
阅读次数：
194
HTML5 Video Video是html5添加的新元素，用于视频的播放，使用也特别简单 注意 简单的Demo直接Copy使用可能会出现问题的，果然当 文件过大时，会将整个文件下载下来才播放。 需求 如果视频文件太大，对Video要求： 边播放，边下载 可以指定位置播放 Http 部分请求 要满足 ...
分类：
Web程序 时间：
2019-01-31 13:22:04
阅读次数：
889
video标签 作用: 播放视频 格式1: <video src=""> </video> video标签的属性 src: 告诉video标签需要播放的视频地址 autoplay: 告诉video标签是否需要自动播放视频 controls: 告诉video标签是否需要显示控制条 poster: 告诉 ...
分类：
其他好文 时间：
2019-01-31 00:16:48
阅读次数：
194
1、getUserMedia要播放摄像头的影像，首先需要一个video标签： 1<video id="video"></video>获取摄像头影像主要是通过navigator.getUserMedia这个接口，这个接口的支持情况已经逐渐变好了：点这里 不过，使用的时候还是要加上前缀的，兼容代码：12 ...
分类：
其他好文 时间：
2019-01-23 10:36:38
阅读次数：
157
音频/视频 基础用法 属性 事件 audio元素和video元素 <audio id="audio" src="./成都.mp3"></audio> <video id="video" src="./成都.mp4"></video> 一些属性 1、autoplay 自动播放 <audio src=" ...
分类：
其他好文 时间：
2019-01-22 00:33:05
阅读次数：
724
