Question

我正在使用相位器进行项目。他们想在网站上播放视频（YouTube或其他来源）。移相器可以这样做吗？我已经搜索了，但没有找到任何东西。

Answer 1

对于与Phaser版本无关的解决方案，请记住，Phaser位于HTML页面中并使用JavaScript。

处理游戏中其他HTML的一种简单方法是在包含游戏的同一页面中添加一个容器div，然后使用JavaScript动态填充和/或加载/显示该容器。< / p>

由于您未提供任何代码供我们使用，因此以下是一些您需要自定义和扩展的入门代码。

<body>
    <!-- Phaser game would need to be loaded passing this div's id -->
    <div id="gameDiv"></div>

    <!-- Video -->
    <div id="videoContainer">/* CSS by default would set visibility to hidden and absolute positioning over the game */
        <!-- depending upon how many videos there are, if it's a static video element it could just be added here, or would be empty and populated via JavaScript -->
    </div>
</body>

然后在您的游戏中让它切换视频容器的可见性。

function playVideo() {
    var el = document.getElementById("videoContainer");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
    window.scrollTo(0, 0);
}

可以扩展此功能以清除div#videoContainer的内容并动态添加另一个视频，启动视频，切换其他容器的可见性等。

乔什·莫罗尼（Josh Morony）的Creating a Shop with Purchasable Items in a Phaser Game很好地概述了如何做到这一点，这也是我从以上内容中借来的。

我们可以将YouTube视频嵌入到Phaser中吗

1 个答案: