[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:  Awaiting Review
Component:  Embeds        |    Version:  3.6
 Severity:  minor         |   Keywords:
--------------------------+-----------------------------
 Hi,

 I noticed there's a bug with the CSS and the new native video player
 introduced in v3.6.

 This is how it looks when not using full screen:

 [[Image(http://img11.imageshack.us/img11/1374/g0n.png)]]

 And this is how it looks when using full screen:

 [[Image(http://img823.imageshack.us/img823/7278/qna.png)]]

 It automatically changes the color of the bar.

 This is the shortcode I'm using to show the video:

 {{{
 [video src="video.mp4" width="640" height="360" autoplay="true"
 loop="true"]
 }}}

 I tested this on a fresh WP 3.6 installation with Twenty Thirteen theme.
 This is the CSS:

 {{{
 .mejs-container, .mejs-embed, .mejs-embed body {
         background: #464646;
 }

 .mejs-controls .mejs-time-rail .mejs-time-loaded {
         background: #21759b;
 }

 .mejs-controls .mejs-time-rail .mejs-time-current {
         background: #d54e21;
 }

 .me-cannotplay {
         width: auto !important;
 }
 }}}

 I also tested it on a post and on a page, happens the same on both.

--
Ticket URL: <http://core.trac.wordpress.org/ticket/25076>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software