Cannot read property 'nodeType' of null; audio元素默认样式下载按钮
来源:互联网 发布:京东比价软件 编辑:程序博客网 时间:2024/05/21 09:52
1.chrome-->console抛出如下错误:
Uncaught TypeError: Cannot read property 'nodeType' of null
错误分析:我这个实例为:点击某个表单标签时(如checkbox),widget重新进行了render()操作(将dom元素remove并重新绘制),而formit插件给form表单默认增加的监听事件还作用在已经被移除dom的元素上,所以执行formit事件的时候,target元素为null,报错抛出。出错的代码是jquery里追踪事件的捕获与冒泡的一段代码。参数为null时则报此错误。
解决的方法是:查走代码,去掉不合理的重绘,或将重绘过程放到listener都执行完成后进行。
2.chrome的audio元素默认样式修改
chrome的audio元素默认样式不是很美观,大多数时候下载按钮显得很多余。如果需要修改播放样式有如下两个解决方案:
1)隐藏默认的audio,自己重绘一个audio播放器,并用js与默认播放器关联控制。这样播放器样式完全自定义,可以满足任何对于美观的要求。
2)对默认audio的样式进行一些修改,让它达到需求。这样播放器的外观还是很局限,如果对样式要求不高可以这么做。
我们这里主要讨论第二种,首先设置属性:controls="controls",显示audio播放控件,显示出来以后,在这里我主要说两点:
1)如何隐藏下载按钮
在stackoverflow上查后,可以设置audio的属性
controlsList="nodownload"
2)如何隐藏音量按钮or播放进度条。
经过调试发现,可以通过设置audio标签的width,浏览器会自动进行audio的自适应。
在设置width为300的时候,显示效果:
在设置width为200的时候,显示效果:
在设置width为100的时候,显示效果:
在此基础上我们可以进行一定的掩盖与缩放实现我们想要的效果。举个例子:我们要播放进度条而不显示音量按钮,那么我们就可以采用audio的width为300,并将audio标签放到一个ovflow:hidden;width:210px;的外层div中。
- Cannot read property 'nodeType' of null; audio元素默认样式下载按钮
- Cannot read property 'nodeType' of undefined
- Extjs4---Cannot read property 'addCls' of null
- Extjs4---Cannot read property 'addCls' of null
- extjs Cannot read property 'dom' of null
- Extjs4---Cannot read property 'addCls' of null
- extjs cannot read property 'addcls' of null
- Extjs4---Cannot read property 'addCls' of null
- Cannot read property 'root' of null 解决方法
- datagrid报Cannot read property '' of null
- Cannot read property 'getElementsByTagName' of null
- Cannot read property 'add' of null
- Extjs4---Cannot read property 'addCls' of null
- Cannot read property 'value' of null
- Qt:QML:Cannot read property '*' of null
- Cannot read property 'val' of null
- Cannot read property 'nodeName' of null
- Cannot read property 'glob' of null
- 设计资源库汇总
- Jade —— 源于 Node.js 的 HTML 模板引擎
- CentOS下VMware用桥接模式,静态ip上外网
- 2016cvpr文章合集
- mysql相关
- Cannot read property 'nodeType' of null; audio元素默认样式下载按钮
- 迷茫焦虑都走开
- 北大AI公开课 第一讲
- 路由表条目生成算法
- python使用vps重新拨号之后出现连接mongoDB超时的处理
- Xshell设置和使用
- Java annotation 入门
- 担保相关知识
- java冒泡排序