Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用vanilla JS将mp4视频插入到具有特定维度的html文档中,播放2秒钟,然后删除节点?_Javascript_Html_Video_Phaser Framework - Fatal编程技术网

Javascript 如何使用vanilla JS将mp4视频插入到具有特定维度的html文档中,播放2秒钟,然后删除节点?

Javascript 如何使用vanilla JS将mp4视频插入到具有特定维度的html文档中,播放2秒钟,然后删除节点?,javascript,html,video,phaser-framework,Javascript,Html,Video,Phaser Framework,正如标题所说,我需要一种方法来插入带有链接视频的html5视频标签,在视频持续时间(2秒)内播放视频,并在时间过去后立即删除视频节点 我的本能冲动是用设定的超时时间做一些讨厌的事情。。。但我相信有一种更优雅的方法可以做到这一点。我整理的混乱代码现在正在运行: HTML: 播放结束后,您应该能够使用end事件删除视频标签。到目前为止你的代码是什么? <div id="really" style="width: 800px; height: 600px; position: absolute;

正如标题所说,我需要一种方法来插入带有链接视频的html5视频标签,在视频持续时间(2秒)内播放视频,并在时间过去后立即删除视频节点


我的本能冲动是用设定的超时时间做一些讨厌的事情。。。但我相信有一种更优雅的方法可以做到这一点。

我整理的混乱代码现在正在运行:

HTML:


播放结束后,您应该能够使用
end
事件删除视频标签。到目前为止你的代码是什么?
<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>
window.setTimeout(function () {
    var parent = document.getElementById("really");
    var child = document.getElementById("yeah");
    parent.removeChild(child);
    //Do some things...
}, 3400);