Squarespace平台MP4视频添加圆角边框方法咨询

你当前的代码没生效，主要是因为视频容器的层级和溢出处理没到位，试试以下调整：

首先替换成这段CSS代码：

#block-df45bbc957de1bd8c905.video-block {
  border-radius: 10px;
  overflow: hidden;
}

#block-df45bbc957de1bd8c905.video-block .video-player {
  padding-bottom: 120%; /* 保留你设置的宽高比 */
}

调整说明： #

• 把圆角属性移到外层的.video-block容器上，同时添加overflow: hidden，这样容器内的视频元素超出圆角的部分会被裁剪，就能正常显示圆角效果。
• 你之前只给.video-player加圆角，但视频本身的播放控件或视频内容可能会超出这个子容器的范围，导致圆角不生效。

如果上面的代码还是没效果，再补充这段代码，直接给视频元素加圆角：

#block-df45bbc957de1bd8c905.video-block video {
  border-radius: 10px;
}

内容的提问来源于stack exchange，提问作者Shaila A