HTML5 - Safari не воспроизводит и не распознает <video>

хорошо, я создаю веб-сайт с видео в качестве фона. Вот код:

<video id="video1" autoplay loop preload poster="" muted>
    <source src="video/video2.mp4" type="video/mp4"/>
    <source src="video/video2.webm" type="video/webm"/>
</video>

и вот css:

video#video1 
{ 
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -100;
    width: auto;
    height: auto;
    background-size: cover; 
}

Chrome, Opera, Internet Explorer и Firefox работают хорошо, единственное, что вызывает у меня проблемы, - это Safari. Любые идеи?

версия сафари - 5.1.7 (7534.572)