Absolut positionierte HTML5-video-element mit negativem z-index bricht background-attachment in webkit-Browsern

Ich bin mit einem HTML5-video-element als hintergrund-Ebene, welche gut funktioniert, aber es verursacht Probleme mit anderen Elementen auf der Seite, die haben einen hintergrund, der mit der Eigenschaft background-attachment: fixed. Die hintergrund-Bilder zu lösen, gebrochen oder ganz verschwinden. Wenn ich den z-index des Videos wrapper-div um etwas positives, das problem verschwindet aber, dass Niederlagen der Zweck der Verwendung als hintergrund-Ebene. Dieses problem wird nur auftreten in webkit-Browsern (Chrome und Safari).

Hier ist die grundlegende HTML:

<section class="fixed-background">
    <p>...</p>
</section>

<section>
    <div class="video-background">
        <video loop autoplay muted>
            <source src="video.mp4" type="video/mp4">
            <source src="video.webm" type="video/webm">
        </video>
    </div>
    <p>...</p>
</section>

<section class="fixed-background">
    <p>...</p>
</section>

Und CSS:

.fixed-background {
    background: url('image.jpg') center center;
    background-size: cover;
    background-attachment: fixed;
}
.video-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
.video-background video {
    min-width: 100%;
    min-height: 100%;
}

Ich habe eine Probe JSFiddle, das veranschaulicht das problem. Funktioniert gut in Firefox, aber bricht in Chrome/Safari.