Video tag not showing preview on iphone all browsers. and also not working control properly

I'm working on html5 video tag, after recording the video, I show it on an HTML page by using jQuery. but the video at first did not show preview frame, it show only the Resume button. After playing by using the Resume button, it can't show automatically the Resume button after the video end. But it works perfectly in android devices.

Here, First I need to make preview image with resume button. Then, after end the video play I need to make first stage. Here, what I tried:

            const recordedMedia = document.createElement("video");
            recordedMedia.controls = true;
            // recordedMedia.autoplay = true;
            recordedMedia.setAttribute('playsinline', 'true')
            // recordedMedia.setAttribute('data-wf-ignore', 'true')
            // recordedMedia.setAttribute('data-object-fit', 'cover')
            recordedMedia.setAttribute('preload', 'metadata')
            recordedMedia.setAttribute('type', "video/mp4")