{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/8199","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8199/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8199/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8199/events","html_url":"https://github.com/zurb/foundation-sites/issues/8199","id":134691416,"number":8199,"title":"[Flex Video] Semantic Name & Definable Ratio ","user":{"login":"andycochran","id":409279,"avatar_url":"https://avatars.githubusercontent.com/u/409279?v=3","gravatar_id":"","url":"https://api.github.com/users/andycochran","html_url":"https://github.com/andycochran","followers_url":"https://api.github.com/users/andycochran/followers","following_url":"https://api.github.com/users/andycochran/following{/other_user}","gists_url":"https://api.github.com/users/andycochran/gists{/gist_id}","starred_url":"https://api.github.com/users/andycochran/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/andycochran/subscriptions","organizations_url":"https://api.github.com/users/andycochran/orgs","repos_url":"https://api.github.com/users/andycochran/repos","events_url":"https://api.github.com/users/andycochran/events{/privacy}","received_events_url":"https://api.github.com/users/andycochran/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/feedback","name":"feedback","color":"bfe5bf"},{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/scss","name":"scss","color":"c6538c"}],"state":"open","locked":false,"assignee":{"login":"kball","id":44007,"avatar_url":"https://avatars.githubusercontent.com/u/44007?v=3","gravatar_id":"","url":"https://api.github.com/users/kball","html_url":"https://github.com/kball","followers_url":"https://api.github.com/users/kball/followers","following_url":"https://api.github.com/users/kball/following{/other_user}","gists_url":"https://api.github.com/users/kball/gists{/gist_id}","starred_url":"https://api.github.com/users/kball/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kball/subscriptions","organizations_url":"https://api.github.com/users/kball/orgs","repos_url":"https://api.github.com/users/kball/repos","events_url":"https://api.github.com/users/kball/events{/privacy}","received_events_url":"https://api.github.com/users/kball/received_events","type":"User","site_admin":false},"milestone":null,"comments":2,"created_at":"2016-02-18T20:44:39Z","updated_at":"2016-04-15T21:12:58Z","closed_at":null,"body":"I'd like to propose a couple changes to Flex Video because: \r\n\r\n* The `.flex-video` class can actually be used to responsively embed any type of `iframe`, `object`, `embed`, or `video`. Could be a map, an image gallery, a custom widget… \r\n* \"Flex\" might lead to confusion with flexbox in the documentation. And documentation clarity seems to be a concern. \r\n\r\nI propose we rename it \"Responsive Embed.\"\r\n\r\nWe could allow either the `.flex-video` or `.responsive-embed` class, recommend the new name, and deprecate the old name in a future version. \r\n\r\nAlso it would be nice if the ratio could be handled with a `data-` attribute to set the appropriate padding inline. For example… \r\n\r\nWe could do:\r\n```html\r\n<div class=\"responsive-embed\" data-embed-ratio=\"16:9\">\r\n```\r\n\r\ninstead of: \r\n```html\r\n<div class=\"flex-video widescreen\">\r\n```\r\n\r\nWould a PR for this be desirable? "},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/210648251","html_url":"https://github.com/zurb/foundation-sites/issues/8199#issuecomment-210648251","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8199","id":210648251,"user":{"login":"colin-marshall","id":4453733,"avatar_url":"https://avatars.githubusercontent.com/u/4453733?v=3","gravatar_id":"","url":"https://api.github.com/users/colin-marshall","html_url":"https://github.com/colin-marshall","followers_url":"https://api.github.com/users/colin-marshall/followers","following_url":"https://api.github.com/users/colin-marshall/following{/other_user}","gists_url":"https://api.github.com/users/colin-marshall/gists{/gist_id}","starred_url":"https://api.github.com/users/colin-marshall/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/colin-marshall/subscriptions","organizations_url":"https://api.github.com/users/colin-marshall/orgs","repos_url":"https://api.github.com/users/colin-marshall/repos","events_url":"https://api.github.com/users/colin-marshall/events{/privacy}","received_events_url":"https://api.github.com/users/colin-marshall/received_events","type":"User","site_admin":false},"created_at":"2016-04-15T21:12:58Z","updated_at":"2016-04-15T21:12:58Z","body":"Should we introduce this in 6.3 with `.flex-video` deprecated, and completely remove `.flex-video` in 6.4?"}}