[wp-trac] [WordPress Trac] #40625: Twenty Seventeen: Safari 10.1 - Incorrect YouTube Header Video Placement

[WordPress Trac]

#40625: Twenty Seventeen: Safari 10.1 - Incorrect YouTube Header Video Placement
--------------------------+-----------------------------
 Reporter:  dcoleonline   |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Themes        |    Version:
 Severity:  normal        |   Keywords:
  Focuses:                |
--------------------------+-----------------------------
 When a YouTube video URL is entered via '''Customize > Header Media''',
 the video displays but it is shifted to the left.

 It happens on my localhost, my hosted Pressable installation, and on
 WordPress.com with the Twenty Seventeen theme. I've only been able to
 replicate this in Safari on Mac OS 10.12.3 and 10.12.4.

 On narrower browsers, this results in only a portion of the video being
 visible in Safari. On wider browsers at some widths, the full video will
 display, but it will not take up the entire browser width. This causes the
 page's background color to appear to the right of the video.

 [https://cloudup.com/c2f_b1a0rVx Here is a screencast (49 seconds)]
 comparing the display of Safari to Firefox. (Firefox displays the video
 across the full width of the browser.)

 All browser extensions have been disabled for this screencast and for the
 screenshots below.

 Originally reported [https://en.forums.wordpress.com/topic/video-header-
 twenty-seventeen-theme here].

 '''Safari 10.1 Screenshot taken at browser size 1573 x 1131:'''
 [[Image(https://cldup.com/nXiG7GhopR.png, 100%)]]

 '''Safari 10.1 Screenshot taken at browser size 2098 x 1108:'''
 [[Image(https://cldup.com/OMbJUHCl2K.png, 100%)]]

 '''Comparison Screenshot in Firefox 53.0 at a browser size of 1573 x
 1114:'''
 [[Image(https://cldup.com/1tTsNE95kT.png, 100%)]]

 '''Comparison Screenshot in Chrome 58.0.3029.81 (64-bit) at a browser size
 of 1573 x 1114:'''
 [[Image(https://cldup.com/l6NUnwRpp9.png, 100%)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40625>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform