我正try 在三角形显示中显示一个HTML视频标签.因此，与默认的矩形显示相反的是一个三角形.这意味着，以下是默认显示:
<!DOCTYPE html>
<html>
<head>
<title>Video Default</title>
</head>
<body>
<video width="640" height="360" controls>
<source src="https://durendel.com/event/theater/gravityphase.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</body>
</html>请注意，默认显示是矩形表单--我的目标是以triangle的表单显示--如下所示:
我正在try 使用css来完成这项任务，特别是border-top-left radius和border-top-right-radius，但我只能让它变得弯曲.以下是代码:
video {
border-top-left-radius: 200px;
border-top-right-radius: 200px;
overflow: hidden;
}<!DOCTYPE html>
<html>
<head>
<title>Video</title>
</head>
<body>
<video width="640" height="360" controls>
<source src="https://durendel.com/event/theater/gravityphase.mp4" type="video/mp4"> Your browser does not support the video tag.
</video>
</body>
</html>我遇到的问题，正如您从上面的代码片段中看到的那样，左右Angular 只是曲线，而不是形成一个点.因此，有没有可能使用css的边框半径来创建一个HTML视频标记的三角形显示？或者，是否有人可以提供一些额外的指导，告诉我应该使用什么来完成这项任务？