Object/embed/video, how do they monitor the end of video playback when they refer to the video? How to change the video cover at the end of playback

We want to display a fixed image at the end of a video playback. The referenced url is the video address stored on the server. Which one is appropriate? The video tag has events about the end of playback. How to change the video cover at the end of playback? I have tried to write a hidden image by default. When the video playback ends or pauses, the picture is displayed, but the image is always pressed under the video control, and z-index is not allowed. How to solve this problem, so that the video is paused and the screenshot at the end of the video also stays here by default?

Html5 css3 javascript

Nov.03,2021

< vedio onended= "myFunction ()" > add this attribute

HTML Audio/V ideo DOM ended event

< hr >

Update:

set poster , and then listen for the playback end event

video.addEventListener('ended',function(){
    video.load();     
},false);

for z-index to take effect, you must have a positioning attribute. Put video and cover images under a relative-positioned div container, video and cover images using absolute, and then z-index.

Previous: How does gatewayworker get the client MAC address

Next: Js traverses the array, which methods can change the original array, such as map,foreach,filter, and so on.

Font underside in span
write the end text in a span and find that the font is offset downward relative to the space where the span is located. I only use the line-height setting to center the span relative to the parent, but the font inside is still offset downward relative t...

Css html5 css3 javascript

Mar.21,2021