问破坏HTML视频播放器？
EN

Stack Overflow用户

提问于 2015-06-25 23:40:43

回答 1查看 105关注 0票数 0

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

<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>

javascript

html

回答 1

Stack Overflow用户

发布于 2015-06-25 23:49:43

你可以这样做的一种方法是给游戏元素和视频提供完全相同的大小。

然后，您可以在页面启动时使用内联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 = "";
};

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31054886

复制

相似问题

问破坏HTML视频播放器？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问破坏HTML视频播放器？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问破坏HTML视频播放器？
EN