如何在自动播放中显示一个视频，在它结束时消失的视频

Question

我想在有人进入我的网站时，立即播放一段视频，在视频结束时，我想让它消失，只显示我公司的标志。

我尝试用一个简单的视频标签，像这样

  <video width="320" height="240" id="myVideo" autoplay>
   <source src="movie.mp4" type="video/mp4">
   <source src="movie.ogg" type="video/ogg">
   Your browser does not support the video tag.
 </video>

<script type='text/javascript'>
var vid = document.getElementById("myVideo");
vid.onended = function() {
  alert("The video has ended");
};
</script>

但这只有在视频被静音的情况下才有效，而在我的情况下，它不能被静音.所以我尝试用iframe标签，像这样

<iframe id="myVideo" width="1280" height="720" src="https://www.youtube.com/embed/hMPMyMwg9Bc?autoplay=1" allow="autoplay" allowfullscreen></iframe>

这将让我自动播放有声视频，但它不允许我抓住视频的结束点。

Answer 1

音频是为我工作的视频标签。

你可以简单地删除元素后，它已经完成播放。

<script type='text/javascript'>
   var vid = document.getElementById("myVideo");
   vid.onended = function() {
   vid.remove()
};