jquery - 在视频上应用曲线

Question

我正在使用 videojs 3.2.0 插件播放视频。我已经在视频周围设置了曲线边框，所以视频从边界结束，看起来不太好。我想根据边框弯曲视频及其控制栏，我该怎么做？

Answer 1

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

这是 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;    
}