Javascript 销毁HTML视频播放器？_Javascript_Html

Javascript 销毁HTML视频播放器？

javascript html

Javascript 销毁HTML视频播放器？,javascript,html,Javascript,Html,我想在我的嵌入式游戏上播放一段视频，当视频结束时，我想让它消失，这样我们就可以无缝地从简介转到游戏本身（不能将视频插入我正在使用的引擎中的游戏）。我该怎么做？目前，我有这样的想法： <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class = "container"><span>

我想在我的嵌入式游戏上播放一段视频，当视频结束时，我想让它消失，这样我们就可以无缝地从简介转到游戏本身（不能将视频插入我正在使用的引擎中的游戏）。我该怎么做？目前，我有这样的想法：

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

<div class = "container"><span>
<iframe src='...' />
<video autoplay> <source src="intro.mp4" type="video/mp4">
</video>
</span></div>

<script>
    var video = document.getElementsByTagName('video')[0];

    video.onended = function(e) {
      # Don't know what to put in here
    };
</script>

</body></html>


var video=document.getElementsByTagName（'video'）[0]；
video.onended=功能（e）{
#不知道在这里放什么
};

一种方法是为游戏元素和视频提供完全相同的大小

然后你可以用内联css

display:none隐藏游戏页面开始时，视频结束后，您可以隐藏视频并显示游戏
var game = document.getElementById("...");
var video = document.getElementById("...");

game.style.display = "none";

video.onended = function(e) {
  video.style.display = "none";
  // or if you want to destroy it permanently
  // video.parentNode.removeChild(video);
  // video = null;
  game.style.display = "";
};

嗯，您可以隐藏视频或删除包含它的整个元素。你以后需要重新使用它吗？@briosheje-不，我不再需要它了，因为它只播放了一次。我只是想，但是你能从隐藏的游戏开始，给视频计时吗。然后，一旦视频应该结束，隐藏它并显示游戏。@LoganHasbrouck-如果不破坏视频不会影响性能，这也适合我，但我如何隐藏和取消隐藏它们？这里。。。这可能比隐藏视频更好-这应该会删除它（链接）