<!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;

}

.video-bg {

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

object-fit: cover;

z-index: -1;

}

.btn {

position: absolute;

bottom: 15%;

left: 50%;

transform: translateX(-50%);

padding: 16px 32px;

font-size: 18px;

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

color: #fff;

text-decoration: none;

border-radius: 8px;

}

</style>

</head>

<body>

<video class="video-bg" autoplay muted loop playsinline>

<source src="bg.mp4" type="video/mp4">

</video>

<a href="https://example.com" class="btn">次へ</a>

</body>

</html>