Playgama — интеграция HTML5-игр на сайт
Playgama — это веб-платформа, которая позволяет добавлять HTML5-игры на веб-сайты с помощью специального кода iframe.
С его помощью можно добавить игру на свой сайт без скачивания и установки — игра загружается прямо с серверов Playgama.
Официальный сайт: https://playgama.com
Плагин также доступен для WordPress под названием «Playgama: Embed Games and Monetize».
Как я настроил плагин?
Чтобы игра находилась в центре экрана, был использован контейнер Flexbox:
<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">Как выбрать игру?
1)Перейдите на сайт playgama.com
2)Откройте раздел игр (каталог)
3)Выберите понравившуюся игру
4)Скопируйте код (iframe)
Код:
<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
<iframe
src="https://playgama.com/export/game/race-on-cars-in-moscow?clid=p_985f98f9-6c63-4a84-a76b-380bf8953106"
allow="fullscreen; accelerometer; camera; clipboard-read; clipboard-write; screen-wake-lock; speaker-selection; web-share; geolocation; gyroscope; microphone; xr-spatial-tracking; autoplay; encrypted-media; picture-in-picture; payment; publickey-credentials-get; publickey-credentials-create; storage-access; attribution-reporting; browsing-topics"
frameborder="0"
width="1200"
height="600">
</iframe>
</div>Что делает код:
display: flex; justify-content: center; align-items: center; height: 100vh; — центрирует игру по вертикали и горизонтали на всей высоте экрана.
iframe — загружает выбранную игру с сервера Playgama.
allow — список разрешений для игры (звук, сенсорные данные, геолокация и т.д.).
width и height — размер окна игры (В моем случае 1200 на 600)