-1

如何添加border-radius到<video>标签。
这是我的视频现在的样子：

（图片在这里：<a href="https://i.stack.imgur.com/izKz0.png"）

我已经尝试过用 css 做视频标签，但它没有改变。

这是代码：

/*CSS*/

video {
border-radius: 10px;
}
<!HTML!>

<div class="fp-player">
<center>
<div id="instructions">
  <video id="my_video_1" class="video-js vjs-default-skin" width="320" height="240"
      controls preload="none" data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }' poster="https://example.org/image.png">
    <source src="https://example.org/video.mp4" type='video/mp4' />
  </video>
  </center>
    </div>

4

3 回答 3

0

将视频包装在 div 中并赋予其样式，

div {
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  height: 320px;
  width: 480px;
}

我在为嵌入式 YouTube 视频添加边框半径中找到了这个答案

于 2020-06-23T16:27:53.647 回答
-1

尝试清除您的浏览历史记录。

于 2020-06-23T16:25:20.053 回答
-1

这是一个可能有帮助的例子

HTML

<!DOCTYPE HTML>
<html>
<head>

<style>

#video1 {
border-radius:10px;
}

</style>

</head>
<body>

<video id="video1" class="video-js vjs-default-skin" width="320" height="240" controls preload="none">
    <source src="https://example.org/video.mp4" type='video/mp4' />
  </video>

</body>
</html>

添加“边框半径：10px；” 到视频的风格。

于 2020-06-23T16:28:50.387 回答