SVGを使って動画をマスクする（レスポンシブ対応）

<div class="movie">
<video class="movie__video" preload="auto" src="●●●.mp4" width="100%" height="100%" autoplay muted playsinline loop></video>
</div>

.movie {
	aspect-ratio:7 / 5;
	mask-image: url("SVGのパス");
	mask-repeat: no-repeat;
	mask-position: 0 0;
	mask-size: 100%;
	/* Chrome, Safari用 */
	-webkit-mask-image: url("SVGのパス");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 0 0;
	-webkit-mask-size: 100%;
}