<!DOCTYPE html>

<html lang="ja">

<head>

<meta charset="UTF-8">

<title>LP</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

html, body {

margin: 0;

padding: 0;

width: 100%;

height: 100%;

overflow: hidden;

background: #000;

}

video {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

object-fit: cover;

}

.cta {

position: fixed;

bottom: 24px;

left: 50%;

transform: translateX(-50%);

padding: 14px 28px;

background: rgba(0,0,0,0.7);

color: #fff;

font-size: 16px;

border-radius: 999px;

text-decoration: none;

z-index: 10;

}

</style>

</head>

<body>

<video autoplay muted loop playsinline>

<source src="https://video.twimg.com/amplify_video/1997944712758697984/vid/avc1/1080x1920/NE3oV5ZTLl7smKD8.mp4" type="video/mp4">

</video>

<a class="cta" href="https://リンク" target="_blank">

続きを見る ▶

</a>

</body>

</html>