[wp-trac] [WordPress Trac] #25076: CSS issue with native video player and flash fallback on full screen

[WordPress Trac]

#25076: CSS issue with native video player and flash fallback on full screen
-------------------------------------------------+-------------------------
 Reporter:  leandroprz                           |       Owner:
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  3.9
Component:  Media                                |     Version:  3.6
 Severity:  minor                                |  Resolution:
 Keywords:  needs-patch good-first-bug           |     Focuses:
  reporter-feedback                              |
-------------------------------------------------+-------------------------

Comment (by caseypatrickdriscoll):

 Hello!

 I'm just getting started on WP Core and this is my first ticket. Here is
 what I have so far.

 First off, is this even a WP issue? It seems to me that it is a bug for
 the mediaelement.js library, which should be fixed in their project and
 trickled down to us. https://github.com/johndyer/mediaelement

 Otherwise, I'm able to reproduce the problem by uploading a flv file in
 3.8.1
 http://www.mediacollege.com/video-gallery/testclips/barsandtone.flv

 Here is a link with a gif of a mp4 and flv video, along with a screen cap
 of the full player html5 and flv players
 http://imgur.com/a/wnw1J

 Both embedded players seem to correctly display the green time-current
 (#24890d) over “white” time-loaded. Bizarrely that seems to be because the
 html5 player is used for both

 Full screen however (as shown in the imgur link) the html5 player is still
 the correct green over white (second photo), but the flash player becomes
 an incorrect “white” over “blue” (third photo)

 I believe these colors (white #efefef and blue #3CACC8) are created in the
 FlashMediaElement.as file on lines 153 and 154
 https://github.com/johndyer/mediaelement/blob/master/src/flash/FlashMediaElement.as#L153

 {{{
 _scrubBarColor = (params['scrubbarcolor'] != undefined) ?
 (String(params['scrubbarcolor'])) : "0xefefef";
 _scrubLoadedColor = (params['scrubloadedcolor'] != undefined) ?
 (String(params['scrubloadedcolor'])) : "0x3CACC8";
 }}}

 I believe they are then compiled to the non-editable flashmediaelement.swf
 file which appears in /wp-includes/js/mediaelement/

 At this point I’m not sure how to proceed, because of my unfamiliarity
 with Flash and ActionScript. My biggest concern would be that if we
 recompiled the file we would miss something important, which is why we
 should leave it to the mediaelement.js library to edit.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/25076#comment:6>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform