Полноэкранный API не работает на Chrome/iOS

Question

Я пытаюсь отобразить видео в полноэкранном режиме, когда пользователь нажимает на ссылку / кнопку. Это хорошо работает на рабочем столе, но не работает на iPad с использованием Chrome.

Согласно этому http://caniuse.com/fullscreen есть некоторые ограничения, но я не могу найти chrome / ios на этой таблице.

Если кто-нибудь скажет мне, что это ограничение действующей системы, я буду очень признателен за ссылку из хорошего источника.

Вот некоторый код:

HTML:

<video id="video1" width="420" controls>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
    <source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg" />Your browser does not support HTML5 video.</video>

<button onclick="PlayFunction();">PLAY</button>

Javascript:

 function PlayFunction()
{
        launchFullScreen(document.getElementById("video1")); // any individual element);
    $("#video1")[0].play();

}function launchFullScreen(element) {  
      if (element.requestFullScreen) {
        element.requestFullScreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    } else if (element.webkitRequestFullScreen) {

        element.webkitRequestFullScreen();
    }
    else if (element.msRequestFullscreen) {
        element.msRequestFullscreen();
    } else if (element.webkitRequestFullscreen) {

        element.webkitRequestFullscreen();
    } else {

        alert("no cai en ningun lado");
    }
}

JSfiddle: http://jsfiddle.net/9aSjn/16/

Answer 1

По этой ссылке http://www.mobilexweb.com/blog/chrome-ios-android-4-1-jelly-bean-html5:

Это потому, что Chrome для iOS - это не Chrome. Какие?? Он имеет пользовательский интерфейс в стиле Chrome, onmibox, голосовой поиск и синхронизацию Chrome. Однако механизм рендеринга и выполнения не является Chrome.

Я назвал их псевдобраузерами, и вы можете увидеть мое мнение и хорошее обсуждение в области комментариев в моем предыдущем посте. Таким образом, Chrome для iOS фактически использует веб-представление iOS, которое разделяет большую часть кода с Safari.

Пользовательский агент, который использует Chrome для iOS, - это Safari с одним дополнением: "CriOS" (думаю, Chrome для iOS). В пользовательском агенте нет слова "Chrome", поэтому, если вы делаете что-то особенное для Chrome, вы в безопасности, и это не будет выполняться в Chrome на iOS.

Вывод: когда вы используете Chrome на iOS, вы используете Safari, и поэтому его нет в таблице caniuse.