1.Cannot set property 'width' of undefined
错误代码: document.getElementsByClassName("videoPlayer").style.width="1400px";
由于document.getElementsByClassName可以获取的dom元素可以有1个或多个。所以需要指定是哪一个
解决:document.getElementsByClassName("videoPlayer")[0].style.width="1400px";
2.Cannot read property 'style' of undefined
错误代码:
<head>
<title>html</title>
<script>
document.getElementsByClassName("videoPlayer")[0].style.width="1400px";
</script>
</head>
<body>
<div class="videoPlayer">
</div>
</body>
代码从上至下运行,运行到检索classname时,此时dom还未加载,并没有发现videoplayer元素,所以会报错。
解决:加上window.onload
window.onload=function(){
document.getElementsByClassName("videoPlayer")[0].style.width = "1400px"
}
window.onload是在dom文档树加载完之后执行一个函数。
另外一种解决方法则是把js代码移动到dom元素后,即</body>之前
3.chrome浏览器html5 video进度条不好用
在chrome浏览器中,进度条无法拖拽。而ie,firefox的可以。
解决方法:将本地视频上传到第三方,使用外部链接。则可以满足全部兼容。
暂时没找到更好的方法
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。