Hintergrundvideo für iPhone/iPad

Guten Abend zusammen,

ich bastele mir gerade eine Seite wie diese:
http://smartfinanceplus.de/sfpApp/login.php

Hier habe ich im Hintergrund ein Video eingebunden, welches genau einmal
abspielen soll. Am Rechner und am Smartphone (Android) funktioniert es
ziemlich gut, nur am iPhone/iPad leider nicht.

Es spielt am iPhone/iPad einfach nicht ab.
Am iPhone habe ich noch einen Play-Button,
der aber auch keine Funktion beinhaltet.

Hat einer ne Idee, warum es beim iPhone/iPad nicht funktioniert?

Anbei meine .php:
[PHP]

Video als Websitehintergrund

Video Hintergrund

>

Auch Videos lassen sich als Websitehintergrund einsetzen.
Als Quelle diente hier ein Youtubevideo - Berlin im Zeitraffer

[/PHP]

sowie meine .css:

[CODE]@charset „UTF-8“;
/* CSS Document */

#background {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(polina.jpg) no-repeat;
background-size: cover;
}
#container p {
color: white;
align-content: center;
}[/CODE]

Vielleicht kann mir einer einen Rat geben,
wie ich mein Vorhaben realisieren könnte.

Grüße,
David

/Hint: Videoformat

Was genau kann ich darunter jetzt verstehen?

hint (englisch) = Hinweis, Tipp

Welches Videoformat wäre denn für´s iPhone/iPad geeignet?

Googel weiß alles.

Aber konnte mir keine für mich hilfreiche Antwort geben,
deshalb erhoffe ich mir, dass mir hier einer helfen mag.