Как выяснить, когда видеоплеер HTML5 входит в полноэкранный режим на iOS / iPad?
Тег HTML5 предлагает пользователю кнопку для включения и выключения полноэкранного режима в Safari для мобильных устройств (iOS).
Я хотел бы захватить и обработать это пользовательское действие, но оно не вызывает событие, когда кнопка нажата, и игрок переходит в полноэкранный режим.
Вот ссылка на API Safari для класса HTMLVideoElement:
Мы можем легко узнать, когда видео приостанавливается или воспроизводится в Javascript, например:
function onload()
{
var player = document.getElementsByTagName("video")[0];
player.addEventListener('play',videoPlayHandler,false);
player.addEventListener('pause',videoPauseHandler,false);
}
Однако у них, похоже, нет событий, когда видео входит в полноэкранный режим.
Мы можем перевести видео в полноэкранный режим в ответ на действия пользователя, вызвавwebkitEnterFullscreen (), но это не помогает мне Мне нужно знать, когда пользователь нажимает на полноэкранную кнопку.
Сокрытие элементов управления и замена их собственными пользовательскими элементами управления звучит как поистине долгое решение.
Другой вариант, о котором я могу подумать, - это установить время, постоянно проверяя наличиеwebkitDisplayingFullscreen свойство, но это кажется плохой вещью с точки зрения управления памятью.
Кто-нибудь может предложить лучшее решение?