полноэкранное видео фон без использования Flash - PullRequest
0 голосов
/ 06 сентября 2011

Можно ли установить полноэкранный видео-фон для веб-страницы без использования Flash?

Я рассматривал html5, но не могу оставить Internet Explorer вне дома.

Большое спасибо

Ответы [ 6 ]

2 голосов
/ 06 сентября 2011

Невозможно без установки дополнительных надстроек или объектов с помощью Internet Explorer. HTML5 позволяет вставлять видео на ваш сайт, но не все браузеры предоставляют для этого полноэкранную поддержку. Возможно, стоит использовать Google Chrome Frame Идея.

Взгляните на HTML5 спецификацию :

Пользовательские агенты могут разрешать пользователям просматривать видеоконтент способами, более подходящими для пользователя (например, в полноэкранном режиме или в независимом окне с изменяемым размером). Что касается других функций пользовательского интерфейса, элементы управления для включения этого не должны мешать нормальному отображению страницы, если пользовательский агент не предоставляет пользовательский интерфейс. Однако в таком независимом контексте пользовательские агенты могут сделать видимыми полные пользовательские интерфейсы, например, с элементами управления воспроизведением, паузой, поиском и громкостью, даже если атрибут controls отсутствует.

Также возможно встроить Microsoft Windows Media Player, но не в фоновом режиме ... Вот рабочий пример: http://www.html5 -fullscreen-video.com /

1 голос
/ 07 сентября 2011

Я думаю, вам нужно сначала выяснить, почему вы не заинтересованы в использовании Flash.Если причина в том, что вы хотите использовать таргетинг на мобильные устройства, то использование HTML5 <video> в сочетании с Flash-проигрывателем, безусловно, целесообразно.

К сожалению, HTML5 поддерживается не во всех браузерах, особенно в IE.Возможно, именно поэтому вам все равно придется использовать Flash в какой-то момент.

Если предположить, что вы хотите, чтобы метод HTML5's <video> + Flash откат был снят для полноэкранного фонового видео, вотчто вы, вероятно, могли бы сделать:

HTML:

<video id="bg-vid" autoplay controls>
  <source src="video.webm" type='video/webm; codecs="vp8, vorbis"' />
  <source src="video.ogv" type='video/ogg; codecs="theora, vorbis"' />
  <source src="video.mp4" />
  <object id="flash-vid" type="application/x-shockwave-flash"
    data="flowplayer-3.2.1.swf"> 
    <param name="movie" value="flowplayer-3.2.1.swf" /> 
    <param name="allowfullscreen" value="true" /> 
    <param name="flashvars" value='config={"clip": {"url": "http://yoursite.com/videos/video.mp4", "autoPlay":true}}' /> 
  </object>
</video>

А затем вы сделаете это так, чтобы получить полноэкранный эффект и пропорциональное кадрирование / растяжение:

#bg-vid, #flash-vid{
   min-height: 100%;
   min-width: 1024px;
   width: 100%;
   height: auto;
   position: fixed;
   top: 0;
   left: 0;
   z-index: -1;
}
0 голосов
/ 06 сентября 2011

Кажется, вы можете.См. этот вопрос .И проверьте плагин VideoBG jQuery.Скорее лаги и не очень хорошая поддержка браузера, но она работает :)

0 голосов
/ 06 сентября 2011

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

Надеюсь, это поможет, но я представляю, что если вы пытаетесь избежать Flash, то на самом деле вы избегаете использования плагинов.

0 голосов
/ 06 сентября 2011

Ну, вы МОЖЕТЕ сделать анимацию спрайта, если это просто короткая анимация / видео, но я уверен, что производительность не будет удовлетворительнойне говоря уже о размере изображения

0 голосов
/ 06 сентября 2011

Можно ли установить полноэкранный видео-фон для веб-страницы без использования Flash?

Если вы имеете в виду true fullscreen - занимающий whole , физический экран - Нет. Ни один современный браузер не допускает этого в чистом HTML.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...