在使用vue-video-player播放插件的时候,当点击视频所处元素块的时候,总是在视频四周出现黑色边框,非常影响视觉体验。在使用样式穿刺设置;object-fill:fill 充满容器,outline:none;border:none等属性后均没有效果。
最后发现在重置样式文件reset.css中添加 video{outline:none}后黑色边框消失,问题到此得以解决。
这个坑在前期浪费了大量的时间去寻找解决方法,但是网上的方法乱七八糟,而且官方文档也没有关于此问题的线索,所以浪费了特别多时间处理这个问题。
猜想前面方法均无效的原因可能是由于css作用范围的原因。而且样式穿刺也没有准确找到范围使样式作用于video。
2020-9-27踩坑记录
最新推荐文章于 2025-03-27 09:25:22 发布