Untitled

#Please add this code below for the video tag

<div class="col-sm-12">
    <!--  Video Wrapper Starts  -->
    <div class="image-wrapper-text ">
        <p>I wanted the color wheel to be a joy to click - so I made these fun elastic tweens happen each time they click. It gives the experience a nice tacticle quality.</p>
    </div>
    <div class="video-wrapper">
        <video id="player" playsinline controls>
            <source src="connected_basketball.mp4" type="video/mp4" />
        </video>
    </div>
    <!--  Video Wrapper Ends  -->
</div>


#Also don't forget to import these plyr CDN below, make sure the CSS one are imported inside <head> tag, and the JS one imported above the </body> (close body) tag

<link rel="stylesheet" href="https://cdn.plyr.io/3.5.2/plyr.css" />
<script src="https://cdn.plyr.io/3.5.2/plyr.js"></script>
<script>
    const player = new Plyr('#player');
</script>