{"action":"created","issue":{"url":"https://api.github.com/repos/tomkr/embedr/issues/22","labels_url":"https://api.github.com/repos/tomkr/embedr/issues/22/labels{/name}","comments_url":"https://api.github.com/repos/tomkr/embedr/issues/22/comments","events_url":"https://api.github.com/repos/tomkr/embedr/issues/22/events","html_url":"https://github.com/tomkr/embedr/issues/22","id":91766965,"number":22,"title":"iFrame embed code","user":{"login":"mzeinstra","id":5627431,"avatar_url":"https://avatars.githubusercontent.com/u/5627431?v=3","gravatar_id":"","url":"https://api.github.com/users/mzeinstra","html_url":"https://github.com/mzeinstra","followers_url":"https://api.github.com/users/mzeinstra/followers","following_url":"https://api.github.com/users/mzeinstra/following{/other_user}","gists_url":"https://api.github.com/users/mzeinstra/gists{/gist_id}","starred_url":"https://api.github.com/users/mzeinstra/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mzeinstra/subscriptions","organizations_url":"https://api.github.com/users/mzeinstra/orgs","repos_url":"https://api.github.com/users/mzeinstra/repos","events_url":"https://api.github.com/users/mzeinstra/events{/privacy}","received_events_url":"https://api.github.com/users/mzeinstra/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-06-29T10:26:06Z","updated_at":"2015-06-30T07:03:00Z","closed_at":null,"body":"I would like to something like:\r\n```\r\n<div class=\"embdrWrapper\" style=\"position: relative; padding-bottom: 124%; padding-top: 0px; height: 0;\">\r\n    <iframe style=\"border: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%;\" src=\"http://media.embedr.eu/_2021638_dispatcher_aspx_action_search_database_ChoiceCollect_search_priref_4616\">\r\n        Your browser doesn't support iFrames.\r\n    </iframe>\r\n</div>\r\n```\r\n\r\nand have a relative padding-bottom to indicate the width / height percentage. This results in a div that has the maximum width of its container and allow that to fill in the image as large as possible. Essentially displaying it in a full screen way.\r\n\r\nI see in https://github.com/klokantech/hawk/issues/43 that width and height will become available in CloudSearch."},"comment":{"url":"https://api.github.com/repos/tomkr/embedr/issues/comments/117024973","html_url":"https://github.com/tomkr/embedr/issues/22#issuecomment-117024973","issue_url":"https://api.github.com/repos/tomkr/embedr/issues/22","id":117024973,"user":{"login":"klokan","id":59284,"avatar_url":"https://avatars.githubusercontent.com/u/59284?v=3","gravatar_id":"","url":"https://api.github.com/users/klokan","html_url":"https://github.com/klokan","followers_url":"https://api.github.com/users/klokan/followers","following_url":"https://api.github.com/users/klokan/following{/other_user}","gists_url":"https://api.github.com/users/klokan/gists{/gist_id}","starred_url":"https://api.github.com/users/klokan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/klokan/subscriptions","organizations_url":"https://api.github.com/users/klokan/orgs","repos_url":"https://api.github.com/users/klokan/repos","events_url":"https://api.github.com/users/klokan/events{/privacy}","received_events_url":"https://api.github.com/users/klokan/received_events","type":"User","site_admin":false},"created_at":"2015-06-30T07:03:00Z","updated_at":"2015-06-30T07:03:00Z","body":"What is suggested here is quite ugly. You should not really need to use width / height on the web site - it just suggest you try to do something in a wrong way.\r\nFor square thumbnails there is an URL syntax - if we upgrade the iiifserver.\r\nIframe bigger then a visible window is causing downloading of tiles which are never displayed and allocating extra canvas space (memory) in browser.\r\n\r\nWhy not to adjust the javascript code of the OpenSeaDragon with one extra option instead?(https://github.com/openseadragon/openseadragon/pull/474)\r\nAlso, the viewer would be better to run on media.embedr.eu - klokantech/hawk#28"}}