Thema: Intro MP4

Onlineshopper · **am:** 01. März 2017, 13:00:54

Ich habe mir ein mp4 Intro erstellen lassen, welches ich nun "vor" meine Webseite einbinden will.

Ich habe das nun bisher so eingebunden:

Code: Javascript [Auswählen]

Ich bekomme es allerdings nicht gebacken, dass dieses zentriert auf allen Bildschirmen und in allen Browsern angezeigt wird.

Hat da jemand eine Idee?

Linkback: https://www.modified-shop.org/forum/index.php?topic=36796.0

hpzeller · **Antwort #1 am:** 01. März 2017, 13:29:07

Versuchs mal so.

Code: XML [Auswählen]

<video style="width: 70%; display: block; margin: 0 auto;" autoplay controls>
<source src="http://der-materialspezialist.com/intro_gekuerzt.ogv" type="video/ogg">
<source src="http://der-materialspezialist.com/intro_gekuerzt.mp4" type="video/mp4">
Ihr Browser kann dieses Video nicht wiedergeben.<br>Dieser Film zeigt eine Intro.
</video>

Oder für horizontale und vertikale Zentrierung so.

Code: XML [Auswählen]

<video style="width: 70%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px;right: -9999px; margin: auto;" autoplay controls>
<source src="http://der-materialspezialist.com/intro_gekuerzt.ogv" type="video/ogg">
<source src="http://der-materialspezialist.com/intro_gekuerzt.mp4" type="video/mp4">
Ihr Browser kann dieses Video nicht wiedergeben.<br>Dieser Film zeigt eine Intro.
</video>

Näheres hier -> https://wiki.selfhtml.org/wiki/HTML/Multimedia_und_Grafiken/video

Gruss
Hanspeter

Onlineshopper · **Antwort #2 am:** 01. März 2017, 18:17:39

Merci hp,

so funktioniert es

hpzeller · **Antwort #3 am:** 01. März 2017, 23:31:54

Ja, sehe das es funktioniert, aber valides HTML ist es natürlich nicht, nimm besser diesen Code.

Code: XML [Auswählen]

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="6; url=index.php">
<title>Intro Video</title>
<style>
body {
background-color: #000000;
}
</style>
</head>
<body>
<video style="width: 70%; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto;" autoplay controls>
<source src="https://der-materialspezialist.com/intro_gekuerzt.ogv" type="video/ogg">
<source src="https://der-materialspezialist.com/intro_gekuerzt.mp4" type="video/mp4">
Ihr Browser kann dieses Video nicht wiedergeben.<br>Dieser Film zeigt eine Intro.
</video>
</body>
</html>

PS:
Ich würde 'controls' aus dem Code raus nehmen.

Gruss
Hanspeter

Onlineshopper · **Antwort #4 am:** 02. März 2017, 01:54:08

Noch besser

So gefällt mir das.

Danke für den Code hp

Thema: Intro MP4

Onlineshopper

Intro MP4

hpzeller

Re: Intro MP4

Onlineshopper

Re: Intro MP4

hpzeller

Re: Intro MP4

Onlineshopper

Re: Intro MP4

Teile Thema

Ähnliche Themen

Flash Intro, Serveraufruf und Actionscript?