{"action":"created","issue":{"url":"https://api.github.com/repos/ubershmekel/redditp/issues/31","labels_url":"https://api.github.com/repos/ubershmekel/redditp/issues/31/labels{/name}","comments_url":"https://api.github.com/repos/ubershmekel/redditp/issues/31/comments","events_url":"https://api.github.com/repos/ubershmekel/redditp/issues/31/events","html_url":"https://github.com/ubershmekel/redditp/issues/31","id":91702556,"number":31,"title":"Link to .webm instead of .mp4 for http://giant.gfycat.com","user":{"login":"jeffjose","id":173044,"avatar_url":"https://avatars.githubusercontent.com/u/173044?v=3","gravatar_id":"","url":"https://api.github.com/users/jeffjose","html_url":"https://github.com/jeffjose","followers_url":"https://api.github.com/users/jeffjose/followers","following_url":"https://api.github.com/users/jeffjose/following{/other_user}","gists_url":"https://api.github.com/users/jeffjose/gists{/gist_id}","starred_url":"https://api.github.com/users/jeffjose/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeffjose/subscriptions","organizations_url":"https://api.github.com/users/jeffjose/orgs","repos_url":"https://api.github.com/users/jeffjose/repos","events_url":"https://api.github.com/users/jeffjose/events{/privacy}","received_events_url":"https://api.github.com/users/jeffjose/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-06-29T05:46:14Z","updated_at":"2015-06-29T21:34:46Z","closed_at":null,"body":"First off, thanks so much for redditp!\r\n\r\nI just noticed that redditp.com links to *.mp4 version of gfycat videos, when it should be linking to *.webm versions of it. \r\n\r\nThe *.mp4 versions are significantly larger with no appreciable visual gains. Here's an example - \r\n\r\nhttp://gfycat.com/AcceptableWebbedBedbug\r\n\r\nmp4 (13.5M) - http://giant.gfycat.com/AcceptableWebbedBedbug.mp4\r\nwebm (4.5M) -  http://giant.gfycat.com/AcceptableWebbedBedbug.webm\r\n\r\nThat's almost 3x times savings. I'm sure your users would appreciate snappier gfy loads!\r\n\r\n---\r\nffmpeg info of mp4 vs webm\r\n\r\n### mp4\r\n```\r\nInput #0, mov,mp4,m4a,3gp,3g2,mj2, from '/tmp/sfw.test.mp4':\r\n  Metadata:\r\n    major_brand     : isom\r\n    minor_version   : 512\r\n    compatible_brands: isomiso2avc1mp41\r\n    encoder         : Lavf54.63.100\r\n  Duration: 00:00:08.96, start: 0.000000, bitrate: 12609 kb/s\r\n    Stream #0:0(eng): Video: h264 (Constrained Baseline) (avc1 / 0x31637661), yuv420p, 1920x1080 [SAR 1:1 DAR 16:9], 12608 kb/s, 30 fps, 30 tbr, 15360 tbn, 60 tbc\r\n    Metadata:\r\n      handler_name    :\r\n```\r\n\r\n### webm\r\n```\r\nInput #0, matroska,webm, from '/tmp/sfw.test.webm':\r\n  Duration: 00:00:08.96, start: 0.000000, bitrate: 4191 kb/s\r\n    Stream #0:0: Video: vp8, yuv420p, 1920x1080, SAR 1:1 DAR 16:9, 30 fps, 30 tbr, 1k tbn, 1k tbc (default)\r\n```"},"comment":{"url":"https://api.github.com/repos/ubershmekel/redditp/issues/comments/116853025","html_url":"https://github.com/ubershmekel/redditp/issues/31#issuecomment-116853025","issue_url":"https://api.github.com/repos/ubershmekel/redditp/issues/31","id":116853025,"user":{"login":"jeffjose","id":173044,"avatar_url":"https://avatars.githubusercontent.com/u/173044?v=3","gravatar_id":"","url":"https://api.github.com/users/jeffjose","html_url":"https://github.com/jeffjose","followers_url":"https://api.github.com/users/jeffjose/followers","following_url":"https://api.github.com/users/jeffjose/following{/other_user}","gists_url":"https://api.github.com/users/jeffjose/gists{/gist_id}","starred_url":"https://api.github.com/users/jeffjose/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jeffjose/subscriptions","organizations_url":"https://api.github.com/users/jeffjose/orgs","repos_url":"https://api.github.com/users/jeffjose/repos","events_url":"https://api.github.com/users/jeffjose/events{/privacy}","received_events_url":"https://api.github.com/users/jeffjose/received_events","type":"User","site_admin":false},"created_at":"2015-06-29T21:34:45Z","updated_at":"2015-06-29T21:34:45Z","body":"Another nice thing about HTML5 video is you can provide multiple sources and the browser will pick the right one. This is what gfycat.com is internally doing as well.\r\n\r\nFrom the source of http://gfycat.com/AcceptableWebbedBedbug\r\n\r\n```\r\n<video .... >\r\n\r\n            <source id=\"webmsource\" src=\"//giant.gfycat.com/AcceptableWebbedBedbug.webm\" type=\"video/webm\">\r\n            <source id=\"mp4source\" src=\"//giant.gfycat.com/AcceptableWebbedBedbug.mp4\" type=\"video/mp4\">\r\n            Sorry, you don't have HTML5 video and we didn't catch this properly in javascript.  \r\n            You can try to view the gif directly: <a href=\"http://giant.gfycat.com/AcceptableWebbedBedbug.gif\">http://giant.gfycat.com/AcceptableWebbedBedbug.gif</a>. \r\n        </video>\r\n```\r\n\r\nNotice how the `<video>` tag has both `mp4` and `webm`. My browser picks up `webm` but if I were on a browser that doesnt understand `webm` it'll pick up `mp4`."}}