重塑HTML/CSS中的視頻元素

我想在HTML/CSS/JS原型中顯示視頻，沒有問題。現在的訣竅是，在設計上，視頻形狀像一個圓圈。放置控件將是一個挑戰，但我的問題是，是否可以在HTML，CSS或JS中顯示呈圓形的視頻？重塑HTML/CSS中的視頻元素

在此先感謝！

PS：支持不是很重要，因爲它是一個原型

2012-06-07 SKuijers

這篇文章試圖回答使用CSS3同樣的問題圓角。你只需要進行長度&寬度的一半半徑得到一個完美的圓圈：

2012-06-07 15:14:18

如果它是如此簡單，我就不會問這個問題。我可以嘗試將此CSS添加到視頻元素，但視頻本身不會被重新塑造。 – SKuijers

我在上面的鏈接嘗試瞭解決方案，它的工作原理是，我製作了一個使用此CSS遮罩和SVG文件的圓形視頻：-webkit-mask-image：url（http://f.cl.ly/items/ 1e181Q0e3j0L3L3z2j3Z/rect.svg） –

。。。完全像郵政說的那樣。 –

回答