HTML HTML5 Video funktioniert nicht im FireFox.

[Rockhound]

Hallo Freunde,
auf der Seite http://www.medagil.de/?s=rosaxan hab ich ein Video eingebettet das in Chrome, IE9 & Opera einwandfrei funktioniert, nicht aber im FireFox.

Habe schon die Reihenfolge geändert der <source> Tags. Die Tags auch mal mit "/video/rosaxan.webm" oder in der Variante "video/rosaxan.webm" gespeichert. Aber es will einfach nicht abspielen. Liegt es nur an meinem FireFox oder seht ihr auch in eurem Browser kein Video und nur die Fehlermeldung: " the video could not be loaded either because the server or network failed or because the format is not supported. "?

Kann mir nur noch vorstellen das es an der erstellten WebM oder OGV Datei liegt.
Habe diese mit dem Miro Video Converter erstellt aus einer MP4-Datei die aus Premiere Pro CC 2014 kam.

Hoffe Ihr habt mir ein paar Tipps

Gruß
Daniel

 

[Sithys]

FireFox Developer Edition... ich sehe das Video zumindest, abspielbar ist es aber nicht ;-)

 

[Falc410]

Firefox OSX sagt: Kein Video mit unterstützem Format und MIME-Typ gefunden. Chrome geht.

 

[Scholle1309]

Wenn ich den Code untersuche finde ich mehrere source typen, wieso bettest du alles mögliche ein, wenn du ihn später auf webm setzt? vielleicht liegt es daran ?

<video src="videos/rosaxan.webm" id="MY_VIDEO_1_html5_api" class="vjs-tech" preload="auto" poster="videos/rosaxan.jpg" data-setup="{}">
			<source src="videos/rosaxan.webm" type="video/webm">
			<source src="videos/rosaxan.ogv" type="video/ogg"> 
			<source src="videos/rosaxan.mp4" type="video/mp4">
			<object>
			<embed src="videos/rosaxan.mp4" type="application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always">
			</object>
			<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
		</video>

 

[Rockhound]

Für alle Eventualitäten und älteren Browsern hab ich das gesetzt.

So sieht der Code aus bevor es im Browser ausgeführt wird:

<video id="MY_VIDEO_1" class="video-js vjs-default-skin vjs-playing vjs-big-play-centered" controls
			preload="auto" poster="videos/rosaxan.jpg" width="auto" height="auto"
			data-setup="{}">
			<source src="videos/rosaxan.webm" type="video/webm">
			<source src="videos/rosaxan.ogv" type="video/ogg"> 
			<source src="videos/rosaxan.mp4" type="video/mp4">
			<object>
			<embed src="videos/rosaxan.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
			</object>
			<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

 

[BadBigBen]

Hilft dir evtl. diese Webseite weiter?

http://www.htmlgoodies.com/html5/client/how-to-embed-video-using-html5.html

von Abschnitt: The <video> Tag

For Apache servers, you’ll need to add the AddType directive to your httpd.conf or local .htaccess files:

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

 

[Rockhound]

Danke BadBigBen, das war die halbe Miete. Ich musste dann noch die Reihenfolge der <source>-Tags ändern. OGG muss als erstes stehen das Firefox das kapiert. Also so:

<video id="MY_VIDEO_1" class="video-js vjs-default-skin vjs-playing vjs-big-play-centered" controls
			preload="auto" poster="videos/rosaxan.jpg" width="auto" height="auto"
			data-setup="{}">
<source src="videos/rosaxan.ogv" type="video/ogg"> 			
<source src="videos/rosaxan.webm" type="video/webm">

			<source src="videos/rosaxan.mp4" type="video/mp4">
			<object>
			<embed src="videos/rosaxan.mp4" type= "application/x-shockwave-flash" allowfullscreen="false" allowscriptaccess="always" />
			</object>
			<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

 

[BadBigBen]

Bitte...