✔ [HTML5] Video am Ende mit Endlosschleife

D

Dark Cluod

Grünschnabel
Hallo.

Ich spiele gerade etwas mit dekm HTML5 video tag rum.
Das Video spielt mittlerweile in Firefox und (mobile)Safari wunderbar ab.
Jetzt hätte ich allerdings gerne, dass etwa die letzten beiden Sekunden in einer Endlosschleife laufen.

Mein erster Gedanke wäre, da es sich um eine recht einfache animation handelt, die letzten beiden sekunden als animiertes GIF zu erstellen
und am ende der animation diese durch das GIF auszutauschen. nur wie macht man das? Sollte doch möglich sein oder? Oder gibt es einen anderen weg?

Gruß
Carsten
 
Hi.
Dark Cluod hat gesagt.:
Jetzt hätte ich allerdings gerne, dass etwa die letzten beiden Sekunden in einer Endlosschleife laufen.

Mein erster Gedanke wäre, da es sich um eine recht einfache animation handelt, die letzten beiden sekunden als animiertes GIF zu erstellen
und am ende der animation diese durch das GIF auszutauschen. nur wie macht man das? Sollte doch möglich sein oder? Oder gibt es einen anderen weg?
Zum Vergrößern anklicken....
Und wie soll dir hierbei die Auszeichnungssprache HTML behilflich sein? :suspekt:

Ich denke, dass du mit deiner Frage in unserem Forum für Videoschnitt, Videodesign & -produktion besser aufgehoben bist.

mfg Maik
 
Hi,
Videoleute werden im da wohl auch nicht sonderlich weiterhelfen können.
Entweder du machst das mit Flash (Flashvideo +AS) oder du mußt mal schauen obs ne Möglichkeit gibt über Javascript zu erkennen das das Video zu ende ist und dann ein Gif geladen wird.

Gruß
 
Hier die Lösung.
Sollte vieleicht in JavaScript verschoben werden ^^

Code: 
<html>
<head>
<script type="text/javascript">
<!--
function changeMovie() {
			theFile='<img src="animgif.gif" alt="Grafik" width="600" height="346">';
			document.getElementById("film").innerHTML = theFile;
	}
//-->
</script>
<title>Video mit Endlosschleife</title>
</head>
<body>
<div id="film"> 
	<video width="600" height="346" autoplay onended="javascript: changeMovie();">
	 <source src="animationSA.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <!-- MPEG4 for Safari -->
	 <source src="animationFF.ogg" type='video/ogg; codecs="theora, vorbis"'>  <!-- OGG Theora/Vorbis für Firefox -->
	 Dein Browser unterstützt keine HTML5 features.
	</video>	
</div>

</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück