Как бы я использовал 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 ('окончено', deleteVideo, false);

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

Пожалуйста, дайте мне знать, если это вообще возможно.В конечном итоге я хочу попытаться выполнить это после того, как пользователь просматривает видео, оно удаляется и заменяется горизонтальным меню для получения статистической информации.

Спасибо,

Джош

Answer 1

Получить цель родительского события и удалить дочерний элемент ('#videoName')

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

Answer 2

Вы можете сделать что-то вроде этого:

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

, который присоединяет функцию обратного вызова (myHandler), которая запускается после завершения видео.