Полноэкранный API Firefox / Gecko с HTML5-видео (javascript / jQuery) - PullRequest
Новая
       26

Полноэкранный API Firefox / Gecko с HTML5-видео (javascript / jQuery)

4 голосов
/ 03 октября 2011

Мне интересно, может ли кто-нибудь предоставить мне пример кода javascript / jquery о том, как использовать новый полноэкранный API-интерфейс Firefox (НЕ просто полное окно) в режиме API (см. Ссылку ниже). По сути, я хотел бы нажать на то, что заставило бы видео перейти на полный экран.

Исходя из API, похоже, что я должен быть в состоянии сделать что-то вроде того, что, как я знаю, работает в Safari (и в сборках Dev Chrome): 

$(function(){
    $('#full').click(function(){
        var video_player = document.getElementById("video");
        video_player.onwebkitfullscreenchange = function (){}; 
        video_player.webkitRequestFullScreen();
    });
});

ОБНОВЛЕНИЕ Как предположил Александр, сегодня вечером (11/10/11) я установил "Ночную" сборку Firefox 10, и теперь работает следующий код: 

$(function(){
    $('#full').click(function(){
        var video_player = document.getElementById("video");           
        void video_player.mozRequestFullScreen(); //firefox nightly build as of 11/10/11
    });
});

http://blog.pearce.org.nz/2011/11/firefoxs-html-full-screen-api-enabled.html

https://wiki.mozilla.org/index.php?title=Gecko:FullScreenAPI#requestFullScreen_method

1 Ответ

1 голос
/ 03 октября 2011

Эта функция в настоящее время не является частью FF 7/8/9.Он будет реализован с FF10, вам придется подождать 6-8 недель, чтобы проверить свой код на канале aurora .Вы также можете использовать ночной канал

...