WebM Video Upside Down in Firefox

#1

Hey! I’m trying to play webm video on html5. For some reason, the video is mirrored vertically in Firefox. Has anyone seen something like this before?

The onMetaData seems fine: {“width”:320,“height”:180,“duration”:28.884}

I thought it might have been an issue with some rotation metadata in the WebM but its mirrored and not rotated.


		conn = new NetConnection();
		conn.connect(null);
		
		video_lesson = new Video();			
		stream = new NetStream(conn);
		
		var clientObj:Dynamic = {
		  'onMetaData': this.playstatusEvent,
		  'onImageData': this.playstatusEvent,
		  'onPlayStatus': this.playstatusEvent,
		  'onCuePoint': this.playstatusEvent
		};
		stream.client = clientObj;
		
		stream.play("small.webm");
		video_lesson.attachNetStream(stream);
		video_container.addChild(video_lesson);

Through OpenFL
Firefox:

Chrome:

With html video tags
Firefox:

Chrome:

#2

Perhaps this is a bug in our WebGL video support. Does openfl test html5 -Dcanvas work for you?

#3

This was tested with a local video file, and so far the only thing that I can figure it might be is that Firefox includes a workaround to allow scrubbing videos when the server doesn’t allow partial downloads. Maybe some part of that is messing up the expected format… . I’ll test it with a proper media server and report back !

#4

-Dcanvas renders with the correct orientation. It also uses the Video’s width/height arguments when rendering (before I could only change the size with scaleX/scaleY)