Я долго искал, но до сих пор не нашел правильного решения моей проблемы. Я просто не могу заставить видео плеер войти в полноэкранный режим. У API есть много примеров, но ни один из них не работает.

Версия jQuery на странице, над которой я сейчас работаю, - 1.8.2. Кроме того, я использую parallax-1.1.js и библиотеки, необходимые для его правильной работы, что также может быть проблемой.

Клиент, на которого я работаю, хочет, чтобы сайт имел адаптивный дизайн, сспособность игрока напрямую переходить в полноэкранный режим при нажатии кнопки «Play», Эта функциональность должна быть доступна как в настольных, так и в мобильных / планшетных браузерах. На странице видео должно быть 3 видеопроигрывателя, каждый из которых имеет уникальные идентификаторы, а также у них есть общий класс CSS.

Часть кода, который я пробовал, не сработала. Вот пример фрагмента кода JS, управляющего одним из тегов HTML видео.

Пример:

player1 = _V_('video-1');

player1.on("play",
    function () {
        this.requestFullScreen();
});

player1.on("ended",
    function () {
        this.cancelFullScreen();
});

Код генерирует эту ошибку:

Uncaught TypeError: Object [object Object] has no method 'requestFullScreen'

Я работаю с последней версией Google Chrome.