如何使用vanilla JS 将一个mp4 视频插入到html 特定尺寸的文档中，播放2 秒，然后移除节点？

Question

正如标题所说，我需要一种方法来插入带有链接视频的 html5 视频标签，播放视频持续时间（2 秒）并在时间结束后立即删除视频节点.

我的直觉是想用 setTimeout 做一些讨厌的事情...但我确信有更优雅的方法来做到这一点。

Answer 1

我拼凑的乱七八糟的代码现在可以工作了：

HTML:

<div id="really" style="width: 800px; height: 600px; position: absolute; background-color: #000000; z-index: -1;">
    <video id="yeah" width="800" autoplay>
        <source src="assets/intro.mp4" type="video/mp4">
    </video>
    <audio loop autoplay>
        <source src="assets/background.mp3">
    </audio>
    <ui-view></ui-view>
</div>

JavaScript:

window.setTimeout(function () {
    var parent = document.getElementById("really");
    var child = document.getElementById("yeah");
    parent.removeChild(child);
    //Do some things...
}, 3400);

如何使用vanilla JS 将一个mp4 视频插入到html 特定尺寸的文档中，播放2 秒，然后移除节点？

How do I use vanilla JS to insert an mp4 video into an html document with specific dimensions, play it for 2 seconds, and then remove the node?

html

javascript

video

phaser-framework