iFrame iOS Safari не получает ориентацию устройства и события движения

Question

Я пытался узнать об API ориентации устройств HTML5. Я нашел несколько демо, которые отлично работали на Android и iOS, когда я открыл их в браузере.

Демо: https://www.audero.it/demo/device-orientation-api-demo.html

Теперь, когда я включил эти страницы в IFRAME и открыт в Android (хром), он работал, как ожидалось. Но в сафарите iOS страница просто ничего не делала. Похоже, что window.DeviceOrientationEvent правдиво, но в iframe не запускается событие deviceorientation.

Демо: http://output.jsbin.com/sumevugiga/1

Является ли это ожидаемый или я делаю что-то здесь не так?

Answer 1

Добавить прослушиватель событий на orientationchange

document.addEventListener('orientationchange', function() { 
    isLandScape = Math.abs(window.orientation) == 90; 
    // handle_orientation_change 
});