'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.

enter image description here

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")
javascripthtmljquerycssvideo


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions