Video accessibility issues

i am getting video accessibility issue with video code below

<div class="video-wrap no-placeholder" style="z-index: 1;">
<video poster="images/videos/deskwork.jpg" preload="auto" loop autoplay muted playsinline>
<source src="images/videos/deskwork.mp4" type="video/mp4">
<source src="images/videos/deskwork.webm" type="video/webm">
</video>
<div class="video-overlay" style="background-color: rgba(0,0,0,0.45);"></div>
</div>
</div>

how can i use this without showing html5 video controls. just have play/pause pause control with an aria-controls attribute referencing the video. i need to have autoplay

Here is error details
A video plays longer than 5 seconds, without a way to pause it. WCAG 2.1 A 2.2.2 Section 508 (2017) A 2.2.2 1 pages
Remove the autoplay attribute, or add a controls attribute to the video, or use a pause control with an aria-controls attribute referencing the video.

F93: Failure of Success Criterion 1.4.2 for absence of a way to pause or stop an HTML5 media element that autoplays