{"action":"created","issue":{"url":"https://api.github.com/repos/scottjehl/picturefill/issues/632","repository_url":"https://api.github.com/repos/scottjehl/picturefill","labels_url":"https://api.github.com/repos/scottjehl/picturefill/issues/632/labels{/name}","comments_url":"https://api.github.com/repos/scottjehl/picturefill/issues/632/comments","events_url":"https://api.github.com/repos/scottjehl/picturefill/issues/632/events","html_url":"https://github.com/scottjehl/picturefill/issues/632","id":131001128,"number":632,"title":"Support of media orientation","user":{"login":"ChemBioScripting","id":3897212,"avatar_url":"https://avatars.githubusercontent.com/u/3897212?v=3","gravatar_id":"","url":"https://api.github.com/users/ChemBioScripting","html_url":"https://github.com/ChemBioScripting","followers_url":"https://api.github.com/users/ChemBioScripting/followers","following_url":"https://api.github.com/users/ChemBioScripting/following{/other_user}","gists_url":"https://api.github.com/users/ChemBioScripting/gists{/gist_id}","starred_url":"https://api.github.com/users/ChemBioScripting/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ChemBioScripting/subscriptions","organizations_url":"https://api.github.com/users/ChemBioScripting/orgs","repos_url":"https://api.github.com/users/ChemBioScripting/repos","events_url":"https://api.github.com/users/ChemBioScripting/events{/privacy}","received_events_url":"https://api.github.com/users/ChemBioScripting/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2016-02-03T11:48:02Z","updated_at":"2016-02-15T16:38:34Z","closed_at":null,"body":"I would ask if Picturefill supports media orientation. I tried to use it, but it seems to be not working. Thank you"},"comment":{"url":"https://api.github.com/repos/scottjehl/picturefill/issues/comments/184290165","html_url":"https://github.com/scottjehl/picturefill/issues/632#issuecomment-184290165","issue_url":"https://api.github.com/repos/scottjehl/picturefill/issues/632","id":184290165,"user":{"login":"mike-engel","id":464447,"avatar_url":"https://avatars.githubusercontent.com/u/464447?v=3","gravatar_id":"","url":"https://api.github.com/users/mike-engel","html_url":"https://github.com/mike-engel","followers_url":"https://api.github.com/users/mike-engel/followers","following_url":"https://api.github.com/users/mike-engel/following{/other_user}","gists_url":"https://api.github.com/users/mike-engel/gists{/gist_id}","starred_url":"https://api.github.com/users/mike-engel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mike-engel/subscriptions","organizations_url":"https://api.github.com/users/mike-engel/orgs","repos_url":"https://api.github.com/users/mike-engel/repos","events_url":"https://api.github.com/users/mike-engel/events{/privacy}","received_events_url":"https://api.github.com/users/mike-engel/received_events","type":"User","site_admin":false},"created_at":"2016-02-15T16:38:34Z","updated_at":"2016-02-15T16:38:34Z","body":"Hi @ChemBioScripting. I think what @aFarkas is saying is that if the browser supports the orientation media type, you can use that in the `media` attribute:\r\n\r\n```html\r\n<picture>\r\n    <!--[if IE 9]><video style=\"display: none;\"><![endif]-->\r\n    <source media=\"(min-width: 1367px) and (orientation: landscape)\"\r\n        srcset=\"img/landscape_hq_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(min-width: 1367px) and (orientation: portrait)\"\r\n        srcset=\"img/portrait_hq_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(max-width: 1366px) and (orientation: landscape)\" \r\n        srcset=\"img/landscape_1366_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(max-width: 1366px) and (orientation: portrait)\"\r\n        srcset=\"img/portrait_1366_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(max-width: 992px) and (orientation: landscape)\" \r\n        srcset=\"img/landscape_992_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(max-width: 992px) and (orientation: portrait)\"\r\n        srcset=\"img/portrait_992_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(max-width: 600px) and (orientation: landscape)\" \r\n        srcset=\"img/landscape_600_id.png\"\r\n        style=\"width:100%\">\r\n    <source media=\"(max-width: 600px) and (orientation: portrait)\"\r\n        srcset=\"img/portrait_600_id.png\"\r\n        style=\"width:100%\">\r\n    <!--[if IE 9]></video><![endif]-->\r\n    <img srcset=\"img/landscape_hq_id.png\" alt=\"my_id background img\" style=\"width:100%\"/>\r\n</picture>\r\n```\r\n\r\nLet us know if that works for you. If not, then your solution is valid as well. Thanks!"}}