Можем ли мы встроить YouTube видео в Phaser - PullRequest
Новая
       11

Можем ли мы встроить YouTube видео в Phaser

0 голосов
/ 28 сентября 2018

Я работаю над проектом, используя фазер.Они хотят воспроизводить видео (YouTube или другой источник) на веб-сайте.Может ли фазер сделать это?Я уже ищу, но ничего не нашел.

1 Ответ

0 голосов
/ 28 сентября 2018

Для решения Phaser, не зависящего от версии, имейте в виду, что Phaser живет на HTML-странице и использует JavaScript.

Простой способ справиться с работой с другим HTML в вашей игре - добавить контейнер div на той же странице, где находится игра, а затем используйте JavaScript для динамического заполнения и / или загрузки / отображения этого контейнера.

Поскольку вы не предоставили нам никакого кода для работы, какой-то начальный код, который выпотребуется настроить и расширить для ваших нужд ниже. 

<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 и добавьте другое видео динамически, запустите видео, переключите видимость другого контейнера и т. д.

Джош Морони Создание магазина с покупаемыми предметами вPhaser Game имеет хороший обзор того, как это сделать, и это то, что я позаимствовал для частей вышеупомянутого.

...