Я пытаюсь встроить игры HTML5 в iframe для отображения в браузере на мобильных устройствах, таких как iPads и iPhones.
Если вы посещаете их непосредственно на iPad, они работают нормально.
Но если вы вставляете их, используя iframe, тогда, когда вы касаетесь игры, а затем отпускаете, игра приостанавливается.
Есть ли способ остановить это поведение iframe, чтобы они вели себя так, как должны?
Кажется, может быть, фокус теряется, когда вы перестаете трогать, и он думает, что вы свободны и паузы?
Пример
Попробуйте два примера ссылок ниже в эмуляторе, и вы увидите проблему
-
Эмулятор iPhone/iPad: https://app.io/safari
-
Прямая ссылка на игру (игровые работы): http://static.tresensa.com/madcab/index.html?dst=A0000
-
Встраиваемая игровая ссылка (игра не работает): http://drttrd.com/testIframe.php
Код, который я использую (базовый)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Game</title>
</head>
<body>
<div>
<iframe src="http://static.tresensa.com/madcab/index.html?dst=A0000" frameborder="0" scrolling="no" width="960" height="536"></iframe>
</div>
</body>
</html>
Что я пробовал
css стиль для изменения типа взаимодействия
<div style="overflow:auto;-webkit-overflow-scrolling:touch;">
<iframe src="" height="" height=""></iframe>
</div>
JS для предотвращения по умолчанию
<script>
document.ontouchmove = function(e) {
e.preventDefault();
};
</script>
... ни помогли