播放完视频后，如何使用JavaScript删除视频？

Question

这是我的HTML部分。

<section id ="information">
  <video id ="videoName" width="800" height="400" controls 
   onplay="myAnimationPicture()"">
<source src="video/videoName.mp4" ; type="video/mp4">
 Your browser does not support the video tag.
 </video>
</section>

这是我的Javascript部分... document.getElementById（'videoName'）。addEventListener（'ended'，deleteVideo，false）;

function deleteVideo(e) 
{
    var elem = document.getElementById('videoName');// What you 
    want to do after the event
    elem.remove();
}

请告诉我是否有可能。我最终想要尝试实现的是在用户观看视频之后，将视频删除，并替换为用于统计信息的水平菜单。

谢谢

乔什

Answer 1

您可以执行以下操作：

document.getElementById('videoName').addEventListener('ended',myHandler,false);
function myHandler(e) {
    //remove video here
    //add menu here
}

其中附有一个回调函数（myHandler），该函数在视频播放完成后触发。

Answer 2

获取父级事件目标并删除子级（'#videoName'）

function deleteVideo(e) {
  e.target.parentNode.removeChild(e.target)
}