我正在尝试使用 css 在 html 视频中应用半径边框答案

【问题标题】：I am trying to apply radius border in html video using css我正在尝试使用 css 在 html 视频中应用半径边框
【发布时间】：2021-11-18 12:01:06
【问题描述】：

我正在尝试在 html 视频中应用边框半径角边缘，但不幸的是没有应用，请帮助我该怎么做？

html 视图

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="rounded">
            <video width="100%" height="800"  autoplay loop muted>
                <source src="{{ url('') }}/castle-theme-assets/video/video-slider.mp4" type="video/mp4">
              </video>
            </div>
        </div>
    </div>
</div>

css

 .rounded {
    border-radius: 20px;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    margin-top: -43px;
}

【问题讨论】：

您的 div .rounded 可能与视频大小不同，这意味着 border-radius 可能有效。但你根本不会注意到。
这能回答你的问题吗？ rounded corners on html5 video

标签： html css html5-video

【解决方案1】：

尝试直接在视频标签或源标签内执行此操作，方法是向源或视频标签添加一个类，看看它是否会反映。

【讨论】：

请在问题评论中转换此答案。