Я думаю, вам нужно сначала выяснить, почему вы не заинтересованы в использовании 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;
}