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:
sowie meine .css:
Vielleicht kann mir einer einen Rat geben,
wie ich mein Vorhaben realisieren könnte.
Grüße,
David
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:
<html>
<head>
<title>Video als Websitehintergrund</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<video autoplay muted id="background">
<source src="sfpApp.m4v" type="video/mp4">
</video>
<div id="container">
<h1>
Video Hintergrund
</h1>>
<p>
Auch Videos lassen sich als Websitehintergrund einsetzen.<br/>
Als Quelle diente hier ein Youtubevideo - Berlin im Zeitraffer
</p>
</div>
</body>
</html>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;
}Vielleicht kann mir einer einen Rat geben,
wie ich mein Vorhaben realisieren könnte.
Grüße,
David
