小编Akh*_*han的帖子

如何以圆形显示HTML5视频标签?

我在css"border-radius:100%;"中尝试了这个,但它没有给出100%的圆圈.

以下是css和html

HTML

<div class="web-cam">

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video>

</div>
Run Code Online (Sandbox Code Playgroud)

CSS

.web-cam video {
  width: 250px;
  height: 250px;
  border-radius: 100%;
  position: absolute;
  top: 0px;
  z-index: 5;
}
Run Code Online (Sandbox Code Playgroud)

video shape css3 html5-video css-shapes

4
推荐指数
1
解决办法
9766
查看次数

标签 统计

css-shapes ×1

css3 ×1

html5-video ×1

shape ×1

video ×1