I ended up solving this by adding 100% width and height inline using jquery. So something like…
jQuery(‘video’).css(‘width’, ‘100%’).css(‘height’, ‘100%’);
Can be added to your main js script file. I don’t think the solution is ideal though. Technically 100% width and height isn’t how responsive video is suppose to work and that’s really just a flag for MediaElement to recognize that the video is suppose to be responsive.
A better solution would be to make video responsive by default in the core then add an attribute that can disable it if necessary. WordPress can handle the details. So something like [video responsive="false"]. I guess a filter can be written to accomplish this. Not really sure why a similar approach isn’t part of the core or if there’s a good reason for it not to be in the core though.
