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的可以。
解决方法:将本地视频上传到第三方,使用外部链接。则可以满足全部兼容。
暂时没找到更好的方法


orangecat00
31 声望0 粉丝