youtube.html

<style>
    body {
        position: relative;
        margin: 0;
    }
    .apla {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.4);
    }
    .link-to-live {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .play-button {
        width: 100px;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
</style>

<!-- <iframe
    src="./camera.html"
    style="
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    "
></iframe> -->

<div class="apla"></div>

<a href="https://www.youtube.com/c/warsawjs/live" target="_blank" class="link-to-live"></div>

<img
    class="play-button"
    src="images/icons/youtube.png"
    alt=""
/>