example.html

<!DOCTYPE html>
<html>

<head>
    <title>YouTube Consent Example</title>
    <link rel="stylesheet" type="text/css" href="yt-consent.css">
    <script type="text/javascript" src="yt-consent.js"></script>
</head>

<body>
    <div class="video_wrapper" style="background-image: url('dummy.jpg');">
        <div class="video_trigger" data-source="2Q_ZzBGPdqE">
            <p class="text-center">Playing this video requires sharing information with YouTube.<br><a target="_blank" href="https://tosdr.org/#youtube">More information</a></p>
            <input type="button" class="video-btn" value="Agree" />
        </div>
        <div class="video_layer"><iframe src="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
    </div>
</body>

</html>