{"action":"opened","issue":{"url":"https://api.github.com/repos/gohugoio/hugo/issues/3694","repository_url":"https://api.github.com/repos/gohugoio/hugo","labels_url":"https://api.github.com/repos/gohugoio/hugo/issues/3694/labels{/name}","comments_url":"https://api.github.com/repos/gohugoio/hugo/issues/3694/comments","events_url":"https://api.github.com/repos/gohugoio/hugo/issues/3694/events","html_url":"https://github.com/gohugoio/hugo/issues/3694","id":242136183,"number":3694,"title":"YouTube shortcode obscures closed captions","user":{"login":"rhewitt22","id":3673374,"avatar_url":"https://avatars1.githubusercontent.com/u/3673374?v=3","gravatar_id":"","url":"https://api.github.com/users/rhewitt22","html_url":"https://github.com/rhewitt22","followers_url":"https://api.github.com/users/rhewitt22/followers","following_url":"https://api.github.com/users/rhewitt22/following{/other_user}","gists_url":"https://api.github.com/users/rhewitt22/gists{/gist_id}","starred_url":"https://api.github.com/users/rhewitt22/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rhewitt22/subscriptions","organizations_url":"https://api.github.com/users/rhewitt22/orgs","repos_url":"https://api.github.com/users/rhewitt22/repos","events_url":"https://api.github.com/users/rhewitt22/events{/privacy}","received_events_url":"https://api.github.com/users/rhewitt22/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2017-07-11T18:09:19Z","updated_at":"2017-07-11T18:09:19Z","closed_at":null,"body":"The built-in Hugo shortcode for embedding YouTube videos obscures captions when the user is not interacting with the video. This is a simple CSS issue related to **`overflow: hidden;`** being included inline in the go template.  I removed this CSS property in Chrome Dev Tools and everything works as expected.\r\n\r\n## overflow: hidden;\r\n\r\n![overflow-hidden](https://user-images.githubusercontent.com/3673374/28083020-213132da-6642-11e7-9342-15fda6a0f0a7.gif)\r\n\r\n## Removed overflow:hidden;\r\n\r\n![overflow-not-hidden](https://user-images.githubusercontent.com/3673374/28083019-21221ba6-6642-11e7-94d2-f0efa592134a.gif)\r\n\r\n## [From GitHub](https://github.com/gohugoio/hugo/blob/da72805a4304a57362e8e79a01cc145767b027c5/tpl/tplimpl/template_embedded.go):\r\n\r\n```\r\n<div {{ if .Get \"class\" }}class=\"{{ .Get \"class\" }}\"{{ else }}style=\"position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; **overflow: hidden;**\"{{ end }}>\r\n  <iframe src=\"//www.youtube.com/embed/{{ .Get \"id\" }}?{{ with .Get \"autoplay\" }}{{ if eq . \"true\" }}autoplay=1{{ end }}{{ end }}\" \r\n  {{ if not (.Get \"class\") }}style=\"position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" {{ end }}allowfullscreen frameborder=\"0\"></iframe>\r\n</div>\r\n\r\n```\r\n\r\n\r\n"}}
{"actor":{"display_login":"rhewitt22"}}