Как сохранить начальный видеоцентр начальной загрузки при изменении размера браузера?

Question

Как я могу центрировать видео, когда я уменьшаю размер браузера? Например, половина размера экрана. Могу ли я установить автоматическое изменение размера видео в браузере?

Я делаю веб-страницы в Adobe Muse, вот код:

<style>
#video_background {
position: fixed;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1000;
overflow: hidden;
}
#intro {
position: fixed;
top: 50px;
height: 100%;
width: 100%;
background: #ffffff;
z-index: 100;
opacity:1.0;
}

</style>

<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>


<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
//show/hide intro
$(window).ready(function() {
   $('#intro').fadeIn('fast', function() {
   //wait 1.5 seconds and fade out
 $(this).delay(1500).fadeOut(1500);
  });
});
</script>

<div id="intro">
<video id="video_background" preload="auto" autoplay="true" none muted poster="assets/preview.jpg"> 
 <source src="assets/opening-v5.webm" type="video/webm"> 
 <source src="assets/opening-v5.mp4" type="video/mp4"> 
 This browser does not support video
</video>
<div id="video_pattern" ></div>
</div>
<!--end intro-->