JSFiddle - React, Tailwind, and code Playground

by greenpeace

HTML

<style>
    .loop-video-container {
        position: relative;
        display: block;
        width: 100%;
        padding: 0;
        overflow: hidden;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .loop-video-container video {
        max-width: 100%;
    }
</style>
<div class="loop-video-container">
    <video autoplay="autoplay" loop="loop" muted="muted" playsinline="playsinline">
        <source src="https://storage.googleapis.com/gpes-static/loop-paz-ucrania/03_2022_loop_paz_ucrania_mobile.mp4"
            type="video/mp4" />
    </video>
</div>