Od dawna szukam, ale wciąż nie znalazłem poprawnego rozwiązania mojego problemu. Po prostu nie wydaje mi się, aby odtwarzacz wideo wszedł na pełny ekran. API ma wiele przykładów, ale żaden z nich nie działa.

Wersja jQuery zawarta na stronie, nad którą obecnie pracuję, to 1.8.2. Ponadto używam parallax-1.1.js i bibliotek wymaganych do poprawnego działania, co może również stanowić problem.

Klient, dla którego pracuję, chce, aby witryna miała responsywny design, zzdolność gracza do bezpośredniego przejścia na pełny ekran po kliknięciu przycisku „Odtwórz”. Ta funkcjonalność powinna być dostępna zarówno na przeglądarkach stacjonarnych, jak i mobilnych / tabletach. Na stronie wideo powinny znajdować się 3 odtwarzacze wideo, każdy z nich ma unikalne identyfikatory, a także wspólną klasę CSS.

Część kodu, którego próbowałem, nie działała dobrze. Oto przykładowy fragment kodu JS kontrolujący jeden ze znaczników HTML wideo.

Przykład:

player1 = _V_('video-1');

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

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

Kod generuje ten błąd:

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

Pracuję z najnowszą wersją Google Chrome.