在视频上应用曲线

Question

我正在使用videojs 3.2.0插件播放视频。我已经在视频周围设置了曲线边框，因此视频已经过了边界并且看起来不太好。我想按照边框曲线显示视频及其控制条，我该怎么做？

Answer 1

如果要对整个视频应用半径，则应将属性添加到video.js元素本身，

Here's the working example at jsfiddle

这是添加的CSS：

#example_video_1,.vjs-controls,.video-js,.vjs-poster{
    border-radius:5px;
}
.vjs-controls{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;    
}