video.js,demo和自己的项目的代码一样,效果不一样

自己写的demo的代码:
clipboard.png
效果是:
暂停播放按钮可以随时播放暂停,音量按钮也显示正常
clipboard.png

自己项目的代码:

clipboard.png
效果是:
播放暂停按钮只能开始的时候点击暂停,无法再点击播放,音量按钮错位
clipboard.png

这是什么情况啊?第一次用video.js,大神帮忙看看,谢谢...
另:竖直的音量条,设置了,也无法实现竖直显示,我代码有问题吗?

阅读 3k
2 个回答

第一次用video.js,demo用的是新的videojs.css文件,项目里用的是旧的,旧文件中没有vjs-volume-horizontal这个css,才导致音量条下移了

可能是和全局样式冲突了,你用开发者工具看看控件上面的样式有没有被覆盖