如何在自动播放时显示视频，该视频在播放结束时消失

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()
};