{"action":"opened","issue":{"url":"https://api.github.com/repos/webcompat/web-bugs/issues/13674","repository_url":"https://api.github.com/repos/webcompat/web-bugs","labels_url":"https://api.github.com/repos/webcompat/web-bugs/issues/13674/labels{/name}","comments_url":"https://api.github.com/repos/webcompat/web-bugs/issues/13674/comments","events_url":"https://api.github.com/repos/webcompat/web-bugs/issues/13674/events","html_url":"https://github.com/webcompat/web-bugs/issues/13674","id":275254250,"number":13674,"title":"www.youtube.com - see bug description","user":{"login":"webcompat-bot","id":8862693,"avatar_url":"https://avatars3.githubusercontent.com/u/8862693?v=4","gravatar_id":"","url":"https://api.github.com/users/webcompat-bot","html_url":"https://github.com/webcompat-bot","followers_url":"https://api.github.com/users/webcompat-bot/followers","following_url":"https://api.github.com/users/webcompat-bot/following{/other_user}","gists_url":"https://api.github.com/users/webcompat-bot/gists{/gist_id}","starred_url":"https://api.github.com/users/webcompat-bot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/webcompat-bot/subscriptions","organizations_url":"https://api.github.com/users/webcompat-bot/orgs","repos_url":"https://api.github.com/users/webcompat-bot/repos","events_url":"https://api.github.com/users/webcompat-bot/events{/privacy}","received_events_url":"https://api.github.com/users/webcompat-bot/received_events","type":"User","site_admin":false},"labels":[{"id":644822635,"url":"https://api.github.com/repos/webcompat/web-bugs/labels/type-stylo","name":"type-stylo","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-11-20T06:58:05Z","updated_at":"2017-11-20T06:58:05Z","closed_at":null,"author_association":"NONE","body":"<!-- @browser: Firefox 59.0 -->\n<!-- @ua_header: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.12; rv:59.0) Gecko/20100101 Firefox/59.0 -->\n<!-- @reported_with: desktop-reporter -->\n\n**URL**: https://www.youtube.com/\n\n**Browser / Version**: Firefox 59.0\n**Operating System**: Mac OS X 10.12\n**Tested Another Browser**: Yes\n\n**Problem type**: Something else\n**Description**: YouTube shows lower quality thumbnail images on Firefox vs. Safari (retina?)\n**Steps to Reproduce**:\nReopening  #13663\r\n\r\nTriager may need to use a retina mac or have the Firefox window on a high DPI display. \r\n\r\n Open YouTube home page in private mode.\r\n\r\nThe thumbnail for https://www.youtube.com/watch?v=LymuZ8abvmc is:\r\n\r\nFirefox:\r\n\r\n    <a id=\"thumbnail\" class=\"yt-simple-endpoint inline-block style-scope ytd-thumbnail\" aria-hidden=\"true\" tabindex=\"-1\" href=\"/watch?v=LymuZ8abvmc\">\r\n      <yt-img-shadow class=\"style-scope ytd-thumbnail no-transition\" style=\"background-color: transparent;\" loaded=\"\"><img id=\"img\" class=\"style-scope yt-img-shadow\" src=\"https://i.ytimg.com/vi/LymuZ8abvmc/hqdefault.jpg?sqp=-oaymwEWCNIBEHZIWvKriqkDCQgBFQAAiEIYAQ==&amp;rs=AOn4CLC3lIBEu35kq-35aszmJVD6Zjv7Fw\" width=\"210\"></yt-img-shadow>\r\n      <div id=\"mouseover-overlay\" class=\"style-scope ytd-thumbnail\"></div>\r\n      <div id=\"overlays\" class=\"style-scope ytd-thumbnail\"><ytd-thumbnail-overlay-time-status-renderer class=\"style-scope ytd-thumbnail\" overlay-style=\"DEFAULT\"><span class=\"style-scope ytd-thumbnail-overlay-time-status-renderer\" aria-label=\"6 minutes, 59 seconds\">\r\n      6:59\r\n    </span></ytd-thumbnail-overlay-time-status-renderer><ytd-thumbnail-overlay-toggle-button-renderer role=\"button\" tabindex=\"0\" class=\"style-scope ytd-thumbnail\" aria-label=\"Watch later\"><yt-icon class=\"style-scope ytd-thumbnail-overlay-toggle-button-renderer\"><svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" style=\"pointer-events: none; display: block; width: 100%; height: 100%;\" class=\"style-scope yt-icon\"><g class=\"style-scope yt-icon\">\r\n        <path d=\"M12 3.67c-4.58 0-8.33 3.75-8.33 8.33s3.75 8.33 8.33 8.33 8.33-3.75 8.33-8.33S16.58 3.67 12 3.67zm3.5 11.83l-4.33-2.67v-5h1.25v4.34l3.75 2.25-.67 1.08z\" class=\"style-scope yt-icon\"></path>\r\n      </g></svg>\r\n    \r\n  </yt-icon><paper-tooltip id=\"tooltip\" class=\"style-scope ytd-thumbnail-overlay-toggle-button-renderer\" role=\"tooltip\" tabindex=\"-1\">\r\n    \r\n\r\n    <div id=\"tooltip\" class=\"hidden style-scope paper-tooltip\">\r\n      \r\n      Watch later\r\n    \r\n    </div>\r\n  </paper-tooltip></ytd-thumbnail-overlay-toggle-button-renderer></div>\r\n    </a>\r\n  \r\n\r\nSafari:\r\n\r\n<a id=\"thumbnail\" class=\"yt-simple-endpoint inline-block style-scope ytd-thumbnail\" aria-hidden=\"true\" tabindex=\"-1\" href=\"/watch?v=LymuZ8abvmc\">\r\n      <yt-img-shadow class=\"style-scope ytd-thumbnail no-transition\" loaded=\"\" style=\"background-color: transparent;\"><img id=\"img\" class=\"style-scope yt-img-shadow\" width=\"210\" src=\"//i.ytimg.com/vi/LymuZ8abvmc/hqdefault.jpg\"></yt-img-shadow>\r\n      <div id=\"mouseover-overlay\" class=\"style-scope ytd-thumbnail\"></div>\r\n      <div id=\"overlays\" class=\"style-scope ytd-thumbnail\"><ytd-thumbnail-overlay-time-status-renderer class=\"style-scope ytd-thumbnail\" overlay-style=\"DEFAULT\"><span class=\"style-scope ytd-thumbnail-overlay-time-status-renderer\" aria-label=\"6 minutes, 59 seconds\">\r\n      6:59\r\n    </span></ytd-thumbnail-overlay-time-status-renderer><ytd-thumbnail-overlay-toggle-button-renderer role=\"button\" tabindex=\"0\" class=\"style-scope ytd-thumbnail\" aria-label=\"Watch later\"><yt-icon class=\"style-scope ytd-thumbnail-overlay-toggle-button-renderer\"><svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\" focusable=\"false\" class=\"style-scope yt-icon\" style=\"pointer-events: none; display: block; width: 100%; height: 100%;\"><g class=\"style-scope yt-icon\">\r\n        <path d=\"M12 3.67c-4.58 0-8.33 3.75-8.33 8.33s3.75 8.33 8.33 8.33 8.33-3.75 8.33-8.33S16.58 3.67 12 3.67zm3.5 11.83l-4.33-2.67v-5h1.25v4.34l3.75 2.25-.67 1.08z\" class=\"style-scope yt-icon\"></path>\r\n      </g></svg>\r\n    \r\n  </yt-icon><paper-tooltip id=\"tooltip\" class=\"style-scope ytd-thumbnail-overlay-toggle-button-renderer\" role=\"tooltip\" tabindex=\"-1\">\r\n    \r\n\r\n    <div id=\"tooltip\" class=\"hidden style-scope paper-tooltip\">\r\n      \r\n      Watch later\r\n    \r\n    </div>\r\n  </paper-tooltip></ytd-thumbnail-overlay-toggle-button-renderer></div>\r\n    </a>\r\n\r\n\r\nI'd like to see the nicer quality images in Firefox. Triager may have to reload Safari after initial page load; I saw blurry images there once, but subsequent refreshes show higher quality images. \r\n\r\nlayout.css.servo.enabled: true\r\n[![Screenshot Description](https://webcompat.com/uploads/2017/11/080a65b7-5633-4251-84ef-d3406c9c340b-thumb.jpeg)](https://webcompat.com/uploads/2017/11/080a65b7-5633-4251-84ef-d3406c9c340b.jpeg)\n\n\n\n_From [webcompat.com](https://webcompat.com/) with ❤️_"}}
{"actor":{"display_login":"webcompat-bot"}}