HTML5 на весь экран Как vimeo.com на Chrome - PullRequest
Новая
       32

HTML5 на весь экран Как vimeo.com на Chrome

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

Сегодня сообщили, что Vimeo на Chrome нажмите кнопку F11 для вас!Я не нашел никакой информации о том, как это работает, но это очень круто.Я сейчас использую mediaelement.js, планируют ли они реализовать это?

Чтобы попробовать открыть видео на vimeo, убедитесь, что вы находитесь в HTML5 (внизу справа от поста, в правом верхнем углу комментариев.) и нажмите «Переключиться на проигрыватель HTML5». Воспроизведите видео в реальном полноэкранном режиме!

1 Ответ

2 голосов
/ 04 октября 2011

Канал разработчика Chrome теперь поставляется с полноэкранным API

Пример использования: 

<video width="300" src="movie.webm" controls></video>
<button onclick="enterFullscreen()">Get Huge!</button>

function enterFullscreen() {
  var elem = document.querySelector('body');
  elem.onwebkitfullscreenchange = function(e) {
    console.log("Entered fullscreen!");
    elem.onwebkitfullscreenchange = onFullscreenExit;
  };
  elem.webkitRequestFullScreen();
}

См. слайд-колоду для использования, и вот демонстрация API в действии.

...