Я работаю над некоторыми элементами управления видео для iPad. Когда пользователь нажимает кнопку, видео воспроизводится и сразу переходит в полноэкранный режим. Когда пользователь нажимает кнопку «Выход из полноэкранного режима», я хочу приостановить воспроизведение видео. Если бы я мог отключить кнопку «Выход из полноэкранного режима» и заставить пользователя использовать кнопку «Готово», я бы сделал это, но это не вариант.
Моя проблема в том, что событие webkitfullscreenchange, похоже, не запускается на iPad. Работает безупречно в Chrome на рабочем столе. Я читал, что браузер iPad не будет запускать ваше событие, если метаданные не были загружены (который не загружается, пока видео не воспроизводится на iPad - предварительная загрузка игнорируется), но я подтвердил, что метаданные были загружены до полноэкранное событие запускается. У кого-нибудь есть идеи по поводу того, почему событие webkitfullscreenchange не будет запускаться на iPad?
<script type="text/javascript">
$(document).ready(function() {
$(".jqVidLink").click(function(e) {
e.preventDefault();
var vidId = $(this).attr("name");
playPause(document.getElementById(vidId));
});
$(".jqVideo").each(function() {
this.addEventListener("webkitfullscreenchange", function(){
alert("hi2"); //never fires
if (document.webkitIsFullScreen == false) {
playPause(this);
}
}, false);
this.addEventListener("loadedmetadata", function() {
alert("hi"); //firing
this.webkitEnterFullscreen();
}, false);
});
});
function playPause(myVideo) {
if (myVideo.paused){
myVideo.play();
}
else
myVideo.pause();
}