2012-06-07 59 views
1

我想在HTML/CSS/JS原型中显示视频,没有问题。 现在的诀窍是,在设计上,视频形状像一个圆圈。 放置控件将是一个挑战,但我的问题是, 是否可以在HTML,CSS或JS中显示呈圆形的视频?重塑HTML/CSS中的视频元素

在此先感谢!

PS:支持不是很重要,因为它是一个原型

回答

1

这篇文章试图回答使用CSS3同样的问题圆角。你只需要进行长度&宽度的一半半径得到一个完美的圆圈:

rounded corners on html5 video

+0

如果它是如此简单,我就不会问这个问题。我可以尝试将此CSS添加到视频元素,但视频本身不会被重新塑造。 – SKuijers

+0

我在上面的链接尝试了解决方案,它的工作原理是,我制作了一个使用此CSS遮罩和SVG文件的圆形视频:-webkit-mask-image:url(http://f.cl.ly/items/ 1e181Q0e3j0L3L3z2j3Z/rect.svg) –

+0

。 。 。完全像邮政说的那样。 –