videojs.js 视频可以播放，却是黑屏

主要问题在于：视频可以播放，也有控制条，基本的配置也都没有问题，唯一的问题就是在于我如果去掉 data-setup="{}" 则会发现视频正常播放，如果加上data-setup="{}"或者设置options参数，发现视频播放但黑屏。

在网上搜了很多，有几种方法，不过都不行：

1.videojs会通过video标签上的id来获取video的dom元素，

但是这个时候，dom可能还没有加载上去！！！初始化失败，所以黑屏

这个方法的话，我试过：

可以拿到DOM元素

2.我们离开这个页面的时候，没有将这个videojs初始化的对象清空和卸载

但是问题是，我并没有离开过页面，所以这个也不行

3.还有的是说格式问题，不过这个问题，我试了一下似乎也不行，而且很奇怪，如果说是因为格式问题存在的话，那么之前没有data-setup="{}"的时候应该也不能播放吧。

最后惊奇的发现原来是才CSS这边的问题：

我发现这里有个display：none,不知道什么情况，不过去掉之后发现视频出来了！！！

真是没有想到，试了那么多方法，结果却是被隐藏了，我真是哭死~

补充：这个是控制封面的播放按钮那里的，正常来说应该是页面进去的时候，显示一个播放按钮，所以把video给隐藏了，

当我们去掉display：none的时候，会发现播放按钮消失了

同样的道理，当我们点击按钮开始播放视频的时候，咦~，你会发现，display：none居然还存在，正常来说播放的时候就不能再继续隐藏video了，所以我们看不到视频，其实就是被隐藏了。