Unresponsive video embed with Firefox 38

[polyfade]

Using the default embed method, the video player is not responding/flexing to the width of the window specific to Firefox v38 (Mac 10.10.3). Whether this is classified as a Wordpress or Media Element issue, I'm not sure.

All other browsers display the video player just fine. Tested using a couple themes, including the default TwentyFifteen without any plugins active.

Screenshot​https://cloudup.com/caKTM38r_-T

[wonderboymusic]

Needs responsive CSS for Firefox, possibly others - I gave up here:

.wp-video video,
.wp-video .mejs-container,
.wp-video .mejs-layer {
	max-width: 100%;
	height: 100%;
}

.wp-video .mejs-overlay-play {
	height: 100% !important;
}

[nicholas_io]

I could not reproduce this bug in Mac 10.10.2 with Firefox 38.0.5

[johneckman]

I am able to reproduce on Firefox 38.0.5 Mac OS 10.10.3 - actually uploading a local mp4.

Screenshot: ​https://cloudup.com/cUrCot47wrT

[johneckman]

Doesn't seem to be a MediaElement.js issue, as their ​barebones example works fine in the same setup.

Setting max-width:100% on .mejs-container does appropriately set the video width, but ends up letterboxing and not setting the height correctly.

[johneckman]

Patch to set max-width on video and overlay play button layer

[joemcgill]

This is looks like a bug in the way mediaelement.js updates the video size and should probably be fixed upstream. Here's the related issue: ​https://github.com/johndyer/mediaelement/issues/920.

[joemcgill]

I submitted a patch to the mediaelement project that should resolve this issue. You can see the details here: ​https://github.com/johndyer/mediaelement/pull/1531.

[wonderboymusic]

We may monkey-patch for this

[helen]

Removing UI focus, it is UI but basically everything ME.js as needed to be fixed in core is and I don't need to track this :)

[wonderboymusic]

In 33267:

Monkey patch MediaElement to include a PR that restores responsive videos in Firefox:
​https://github.com/johndyer/mediaelement/pull/1531

Props joemcgill.
Fixes #32722.