{"action":"created","issue":{"url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher/issues/74","repository_url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher","labels_url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher/issues/74/labels{/name}","comments_url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher/issues/74/comments","events_url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher/issues/74/events","html_url":"https://github.com/jasonmayes/Twitter-Post-Fetcher/issues/74","id":138654507,"number":74,"title":"media images have an undefined source","user":{"login":"MrKarlDilkington","id":10898145,"avatar_url":"https://avatars.githubusercontent.com/u/10898145?v=3","gravatar_id":"","url":"https://api.github.com/users/MrKarlDilkington","html_url":"https://github.com/MrKarlDilkington","followers_url":"https://api.github.com/users/MrKarlDilkington/followers","following_url":"https://api.github.com/users/MrKarlDilkington/following{/other_user}","gists_url":"https://api.github.com/users/MrKarlDilkington/gists{/gist_id}","starred_url":"https://api.github.com/users/MrKarlDilkington/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MrKarlDilkington/subscriptions","organizations_url":"https://api.github.com/users/MrKarlDilkington/orgs","repos_url":"https://api.github.com/users/MrKarlDilkington/repos","events_url":"https://api.github.com/users/MrKarlDilkington/events{/privacy}","received_events_url":"https://api.github.com/users/MrKarlDilkington/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":7,"created_at":"2016-03-05T06:43:56Z","updated_at":"2016-03-09T07:46:39Z","closed_at":null,"body":"@jasonmayes \r\n\r\nFirst off, I want to thank you for creating and maintaining Twitter-Post-Fetcher. It is a great tool and I really appreciate it.\r\n\r\nWith the recent Twitter changes, I was curious to know if anyone has encountered img elements being displayed with undefined src, with `\"showImages\": true`? I looked through existing issues and did not see any references to it.\r\n\r\n**Example 1**\r\n\r\nHTML\r\n```\r\n<div class=\"media\">\r\n    <img src=\"undefined\" alt=\"Image from tweet\">\r\n</div>\r\n```\r\nDisplayed HTML\r\n![preview1](https://cloud.githubusercontent.com/assets/10898145/13545885/cde6708a-e268-11e5-9c23-3e167b317b19.png)\r\n\r\nOriginal Tweet\r\n![tweet1](https://cloud.githubusercontent.com/assets/10898145/13545886/d48ee03e-e268-11e5-894b-f4afc89604c3.png)\r\n\r\nimages[n]\r\n```\r\n<div class=\"timeline-Tweet-media\">\r\n    <div class=\"PrerenderedCard\" data-card-name=\"summary_large_image\" data-css=\"https://ton.twimg.com/tfw/css/syndication_bundle_v1_826d162568fd5604ef605f485c8050cdbc7a7b99.css\" data-scribe=\"component:card\">\r\n        <div class=\"TwitterCardsGrid TwitterCard\">\r\n            <script type=\"text/twitter-cards-serialization\">\r\n                { \"strings\": { }, \"card\": { \"forward\" : \"false\", \"is_logged_in\" : false, \"is_author\" : false, \"language\" : \"en\", \"card_name\" : \"summary_large_image\", \"token\" : \"\", \"card_uri\" : \"https://t.co/DQbE7e5l77\", \"tweet_id\" : \"705821491758141440\", \"card_url\" : \"https://t.co/DQbE7e5l77\" }, \"scribeData\": { \"card_name\": \"summary_large_image\", \"card_url\": \"https://t.co/DQbE7e5l77\" } }\r\n            </script>\r\n            <div class=\"TwitterCardsGrid-col--12 TwitterCardsGrid-col--spacerBottom CardContent\">\r\n                <a class=\" js-openLink u-block TwitterCardsGrid-col--12 TwitterCard-container TwitterCard-container--clickable SummaryCard--small\" href=\"https://t.co/DQbE7e5l77\">\r\n                    <div class=\"SummaryCard-image TwitterCardsGrid-float--prev\">\r\n                        <div class=\"tcu-imageContainer tcu-imageAspect--1to1\">\r\n                            <style>\r\n                            .tcu-image-705821491758141440 {\r\n                                background-size: 3em !important;\r\n                            }\r\n                            </style>\r\n                            <div class=\"tcu-imageWrapper tcu-image-705821491758141440 js-cspForcedStyle\" data-style=\"background-size: 3em;\">\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"SummaryCard-contentContainer TwitterCardsGrid-float--prev\">\r\n                        <div class=\"SummaryCard-content\">\r\n                            <h2 class=\"TwitterCard-title js-cardClick tcu-textEllipse--multiline\">Looks like interacting in Virtual Reality is a lot better than a few years…</h2>\r\n                            <p class=\"tcu-resetMargin u-block TwitterCardsGrid-col--spacerTop tcu-textEllipse--multiline\">Looks like interacting in Virtual Reality is a lot better than a few years back. But maybe it is a little too good! Check out the dangers too in the video… - Jason Mayes - Google+</p>\r\n                            <span class=\"u-block TwitterCardsGrid-col--spacerTop SummaryCard-destination\">plus.google.com</span>\r\n                        </div>\r\n                    </div>\r\n                </a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n\r\n**Example 2**\r\n\r\nHTML\r\n```\r\n<div class=\"media\">\r\n    <img src=\"undefined\" alt=\"Image from tweet\">\r\n</div>\r\n```\r\nDisplayed HTML\r\n![preview2](https://cloud.githubusercontent.com/assets/10898145/13545887/db220066-e268-11e5-8c08-bd300d802b64.png)\r\n\r\nOriginal Tweet\r\n![tweet2](https://cloud.githubusercontent.com/assets/10898145/13545899/381de69a-e269-11e5-908b-cc13240cf32d.jpg)\r\n\r\nimages[n]\r\n```\r\n<div class=\"timeline-Tweet-media\">\r\n    <article class=\"MediaCard\r\n           MediaCard--mediaForward\r\n           \r\n           cards-multimedia\r\n           customisable-border\" data-scribe=\"component:card\" dir=\"ltr\">\r\n        <div class=\"MediaCard-media\">\r\n            <div class=\"MediaCard-widthConstraint js-cspForcedStyle\" style=\"max-width: 800px\" data-style=\"max-width: 800px\">\r\n                <div class=\"MediaCard-mediaContainer js-cspForcedStyle\" style=\"padding-bottom: 100.0000%\" data-style=\"padding-bottom: 100.0000%\">\r\n                    <a href=\"https://twitter.com/TwitterDev/status/705436774441623554\" class=\"MediaCard-mediaAsset MediaCard-mediaPlaceholder\r\n                    NaturalImage NaturalImage--fill\r\n                    \r\n                    js-playableMediaInterstitial\">\r\n                        <div class=\"NaturalImage-ctaOverlay PlayButton PlayButton--centered\" data-scribe=\"element:play_button\">\r\n                            <div class=\"Icon Icon--playCircle \" aria-label=\"Play Media\" title=\"Play Media\" role=\"img\"></div>\r\n                        </div>\r\n                        <img class=\"NaturalImage-image\" src=\"https://pbs.twimg.com/tweet_video_thumb/Cco29woW8AAMqS3.jpg\" alt=\"\" data-scribe=\"element:poster_image\">\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </article>\r\n</div>\r\n```\r\n\r\nAlthough a bit crude, adding a check to see if the result of extractImageUrl() is not undefined appears to work.\r\n```\r\nif (showImages && images[n] !== undefined && extractImageUrl(images[n]) !== undefined) {\r\n  op += '<div class=\"media\">' +\r\n      '<img src=\"' + extractImageUrl(images[n]) +\r\n      '\" alt=\"Image from tweet\" />' + '</div>';\r\n}\r\n```\r\n\r\nAlso, are you open to a pull request that adds a config option for choosing between data-src-1x and data-src-2x?"},"comment":{"url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher/issues/comments/194163937","html_url":"https://github.com/jasonmayes/Twitter-Post-Fetcher/issues/74#issuecomment-194163937","issue_url":"https://api.github.com/repos/jasonmayes/Twitter-Post-Fetcher/issues/74","id":194163937,"user":{"login":"MrKarlDilkington","id":10898145,"avatar_url":"https://avatars.githubusercontent.com/u/10898145?v=3","gravatar_id":"","url":"https://api.github.com/users/MrKarlDilkington","html_url":"https://github.com/MrKarlDilkington","followers_url":"https://api.github.com/users/MrKarlDilkington/followers","following_url":"https://api.github.com/users/MrKarlDilkington/following{/other_user}","gists_url":"https://api.github.com/users/MrKarlDilkington/gists{/gist_id}","starred_url":"https://api.github.com/users/MrKarlDilkington/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/MrKarlDilkington/subscriptions","organizations_url":"https://api.github.com/users/MrKarlDilkington/orgs","repos_url":"https://api.github.com/users/MrKarlDilkington/repos","events_url":"https://api.github.com/users/MrKarlDilkington/events{/privacy}","received_events_url":"https://api.github.com/users/MrKarlDilkington/received_events","type":"User","site_admin":false},"created_at":"2016-03-09T07:46:39Z","updated_at":"2016-03-09T07:46:39Z","body":"@jasonmayes \r\n\r\nHere is a list of some of the content that does and does not display. Hopefully you find it useful.\r\n\r\n### Displays Correctly\r\n**Image**\r\nhttps://twitter.com/PurrfectTravels/status/707316406098984960\r\n```\r\n<div class=\"AdaptiveMedia is-square \">\r\n    <div class=\"AdaptiveMedia-container js-adaptive-media-container\">\r\n        <div class=\"AdaptiveMedia-singlePhoto\">\r\n            <div class=\"AdaptiveMedia-photoContainer js-adaptive-photo \" data-image-url=\"https://pbs.twimg.com/media/CdDkhfqW8AI__wl.jpg\" data-element-context=\"platform_photo_card\">\r\n                <img src=\"https://pbs.twimg.com/media/CdDkhfqW8AI__wl.jpg\" alt=\"\" style=\"width: 100%; top: -94px;\">\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n### Displays as \"undefined\"\r\n\r\n**Twitter Card with no Image**\r\nhttps://twitter.com/jason_mayes/status/707326076075134976\r\n```\r\n<div class=\"TwitterCardsGrid TwitterCard\">\r\n    <script type=\"text/twitter-cards-serialization\">\r\n        { \"strings\": { }, \"card\": { \"forward\" : \"false\", \"is_logged_in\" : false, \"is_author\" : false, \"language\" : \"en\", \"card_name\" : \"summary_large_image\", \"token\" : \"5e7616cebd4f6d96420dfcb017d9b62dc7ea9fc8\", \"card_uri\" : \"https://t.co/mQgIZtSwCH\", \"tweet_id\" : \"707326076075134976\", \"card_url\" : \"https://t.co/mQgIZtSwCH\" }, \"scribeData\": { \"card_name\": \"summary_large_image\", \"card_url\": \"https://t.co/mQgIZtSwCH\" } }\r\n    </script>\r\n    <div class=\"TwitterCardsGrid-col--12 TwitterCardsGrid-col--spacerBottom CardContent\">\r\n        <a class=\" js-openLink u-block TwitterCardsGrid-col--12 TwitterCard-container TwitterCard-container--clickable SummaryCard--small\" href=\"https://t.co/mQgIZtSwCH\" data-card-breakpoints=\"w550 w500 w450 w400 w350 w300 w250 w200 w150 w100 w50 \">\r\n            <div class=\"SummaryCard-image TwitterCardsGrid-float--prev\">\r\n                <div class=\"tcu-imageContainer tcu-imageAspect--1to1\">\r\n                    <div class=\"tcu-imageWrapper\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"SummaryCard-contentContainer TwitterCardsGrid-float--prev\">\r\n                <div class=\"SummaryCard-content\">\r\n                    <h2 class=\"TwitterCard-title js-cardClick tcu-textEllipse--multiline\">How to publish a module on #NPM - a useful video if you have not done it…</h2>\r\n                    <p class=\"tcu-resetMargin u-block TwitterCardsGrid-col--spacerTop tcu-textEllipse--multiline\">How to publish a module on #NPM - a useful video if you have not done it before. https://youtu.be/BkotrAFtBM0﻿ - Jason Mayes - Google+</p>\r\n                    <span class=\"u-block TwitterCardsGrid-col--spacerTop SummaryCard-destination\">plus.google.com</span>\r\n                </div>\r\n            </div>\r\n        </a>\r\n    </div>\r\n</div>\r\n```\r\n**\"Playable GIF\" Video**\r\nhttps://twitter.com/mikhalevsky/status/707385024203657216\r\n```\r\n<div class=\"AdaptiveMedia-container js-adaptive-media-container\">\r\n    <div class=\"AdaptiveMedia-video\">\r\n        <div class=\"AdaptiveMedia-videoContainer\">\r\n            <div class=\"PlayableMedia PlayableMedia--gif watched playable-media-loaded\">\r\n                <div class=\"PlayableMedia-player\" data-playable-media-url=\"\" style=\"padding-bottom: 75.42857142857143%; background-image:url('https://pbs.twimg.com/tweet_video_thumb/CdEi7mzW4AI2gqg.jpg')\">\r\n                    <iframe src=\"https://twitter.com/i/videos/tweet/707385024203657216?embed_source=clientlib&amp;player_id=0&amp;rpc_init=1\" allowfullscreen=\"\" id=\"player_tweet_707385024203657216\" style=\"width: 100%; height: 100%; position: absolute; top: 0; left: 0;\"></iframe>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n**Vine Video**\r\nhttps://twitter.com/PALITANEGRA/status/707453609827553283\r\n```\r\n<div class=\"AdaptiveMedia-container js-adaptive-media-container\">\r\n    <div class=\"AdaptiveMedia-video\">\r\n        <div class=\"AdaptiveMedia-videoContainer\">\r\n            <div class=\"PlayableMedia PlayableMedia--vine watched playable-media-loaded\">\r\n                <div class=\"PlayableMedia-player\" data-playable-media-url=\"\" style=\"padding-bottom: 100.0%; background-image:url('https://o.twimg.com/2/proxy.jpg?t=HBiUAWh0dHBzOi8vdi5jZG4udmluZS5jby9yL3ZpZGVvcy9EMjc0NTM4NDA4MTIwMTI2NDQzNDAzMTU3MDk0NF8zMzYzNjI3MzI2My4yLjEuMTUzMDk3MzQyNzc5MTM5Mzk5NjIubXA0LmpwZz92ZXJzaW9uSWQ9OEtiS2hQQjlVMTFBY28uQlVfbDZWN2pmNFk1U0o2NVcUwAcUwAcAFgASAA&amp;s=9a-fG0UVbtjWqIeIyJyfNYUvBPSoC_nTrOJ8zVKH99g')\">\r\n                    <iframe src=\"https://twitter.com/i/videos/tweet/707453609827553283?embed_source=clientlib&amp;player_id=0&amp;rpc_init=1\" allowfullscreen=\"\" id=\"player_tweet_707453609827553283\" style=\"width: 100%; height: 100%; position: absolute; top: 0; left: 0;\"></iframe>\r\n                </div>\r\n                <div class=\"PlayableMedia-title\">No tail is safe. 🐱 #caturday (video by Brian Connolly)</div>\r\n                <div class=\"PlayableMedia-description\">Vine by San Diego Zoo</div>\r\n                <a class=\"PlayableMedia-externalUrl\" href=\"https://t.co/ndTgi9bzdP\" target=\"_blank\">View on Vine</a>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n```\r\n**Twitter Card with Image**\r\nhttps://twitter.com/H3bK11/status/707461877442482176\r\n```\r\n<div class=\"TwitterCardsGrid TwitterCard\">\r\n    <script type=\"text/twitter-cards-serialization\">\r\n        { \"strings\": { }, \"card\": { \"forward\" : \"false\", \"publisher_id\" : \"988955288\", \"is_logged_in\" : false, \"is_author\" : false, \"language\" : \"en\", \"card_name\" : \"summary_large_image\", \"token\" : \"5e7616cebd4f6d96420dfcb017d9b62dc7ea9fc8\", \"card_uri\" : \"https://t.co/SvjvJsSbva\", \"tweet_id\" : \"707461877442482176\", \"card_url\" : \"https://t.co/SvjvJsSbva\" }, \"scribeData\": { \"card_name\": \"summary_large_image\", \"card_url\": \"https://t.co/SvjvJsSbva\" , \"publisher_id\": \"988955288\" } }\r\n    </script>\r\n    <div class=\"TwitterCardsGrid-col--12 TwitterCardsGrid-col--spacerBottom CardContent\">\r\n        <a class=\" js-openLink u-block TwitterCardsGrid-col--12 TwitterCard-container TwitterCard-container--clickable SummaryCard--large\" href=\"https://t.co/SvjvJsSbva\" data-card-breakpoints=\"w550 w500 w450 w400 w350 w300 w250 w200 w150 w100 w50 \">\r\n            <div class=\"SummaryCard-image TwitterCardsGrid-col--12\">\r\n                <div class=\"tcu-imageContainer tcu-imageAspect--2to1\">\r\n                    <div class=\"tcu-imageWrapper\" style=\"background-image: none; background-image: url(https://o.twimg.com/2/proxy.jpg?t=HBg_aHR0cDovL2dsb2Nkbi5pbnZlc3RpbmcuY29tL25ld3Mvb2lsXzJfODAweDUzM19MXzE0MTI2OTI3NzQuanBnFMAMFMQGHBSEBhSUAwAAFgASAA&amp;s=1FzFMX4-_5WRr2_TkL1-de6pCxyNMPgUACkoaXkKtzU); background-size: cover;\" data-style=\"background-image: url(https://o.twimg.com/2/proxy.jpg?t=HBg_aHR0cDovL2dsb2Nkbi5pbnZlc3RpbmcuY29tL25ld3Mvb2lsXzJfODAweDUzM19MXzE0MTI2OTI3NzQuanBnFMAMFMQGHBSEBhSUAwAAFgASAA&amp;s=1FzFMX4-_5WRr2_TkL1-de6pCxyNMPgUACkoaXkKtzU); background-size: cover;\">\r\n                        <img class=\"u-block\" data-src=\"https://o.twimg.com/2/proxy.jpg?t=HBg_aHR0cDovL2dsb2Nkbi5pbnZlc3RpbmcuY29tL25ld3Mvb2lsXzJfODAweDUzM19MXzE0MTI2OTI3NzQuanBnFMAMFMQGHBSEBhSUAwAAFgASAA&amp;s=1FzFMX4-_5WRr2_TkL1-de6pCxyNMPgUACkoaXkKtzU\" alt=\"Photo published for NYMEX crude rangebound in Asia as API build weighs By Investing.com\" src=\"https://o.twimg.com/2/proxy.jpg?t=HBg_aHR0cDovL2dsb2Nkbi5pbnZlc3RpbmcuY29tL25ld3Mvb2lsXzJfODAweDUzM19MXzE0MTI2OTI3NzQuanBnFMAMFMQGHBSEBhSUAwAAFgASAA&amp;s=1FzFMX4-_5WRr2_TkL1-de6pCxyNMPgUACkoaXkKtzU\">\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"SummaryCard-contentContainer TwitterCardsGrid-col--12\">\r\n                <div class=\"SummaryCard-content\">\r\n                    <h2 class=\"TwitterCard-title js-cardClick tcu-textEllipse--multiline\">NYMEX crude rangebound in Asia as API build weighs By Investing.com</h2>\r\n                    <p class=\"tcu-resetMargin u-block TwitterCardsGrid-col--spacerTop tcu-textEllipse--multiline\">NYMEX crude rangebound in Asia as API build weighs</p>\r\n                    <span class=\"u-block TwitterCardsGrid-col--spacerTop SummaryCard-destination\">linkis.com</span>\r\n                </div>\r\n            </div>\r\n        </a>\r\n    </div>\r\n</div>\r\n```\r\n**Twitter Card Video**\r\nhttps://twitter.com/AzureApiMgmt/status/707461363384328194\r\n```\r\n<div class=\"TwitterCardsGrid TwitterCard\">\r\n    <script type=\"text/twitter-cards-serialization\">\r\n        { \"strings\": { }, \"card\": { \"forward\" : \"false\", \"is_logged_in\" : false, \"is_author\" : false, \"language\" : \"en\", \"card_name\" : \"player\", \"token\" : \"5e7616cebd4f6d96420dfcb017d9b62dc7ea9fc8\", \"card_uri\" : \"https://t.co/dwAo7Rzk1G\", \"tweet_id\" : \"707461363384328194\", \"card_url\" : \"https://t.co/dwAo7Rzk1G\" }, \"scribeData\": { \"card_name\": \"player\", \"card_url\": \"https://t.co/dwAo7Rzk1G\" } }\r\n    </script>\r\n    <div class=\"TwitterCardsGrid-col--12 TwitterCardsGrid-col--spacerBottom CardContent\">\r\n        <div class=\"TwitterCardsGrid-col--12 TwitterCard-container TwitterCard-container--clickable SummaryCard--small PlayerCard--preview\" data-card-breakpoints=\"w550 w500 w450 w400 w350 w300 w250 w200 w150 w100 w50 \">\r\n            <div class=\"SummaryCard-image TwitterCardsGrid-float--prev\">\r\n                <div class=\"tcu-imageContainer tcu-imageAspect--1to1\">\r\n                    <div class=\"tcu-imageWrapper\" style=\"background-image: none; background-image: url(https://o.twimg.com/2/proxy.jpg?t=HBhcaHR0cHM6Ly9zZWMuY2g5Lm1zL2NoOS82ZWM5LzA5NDBkYzJkLThjMGUtNGI2Ny04MDMyLTAxZThmODg5NmVjOS9BUElNQW5kRXZlbnRIdWJEZW1vXzk2MC5qcGcUwAcUnAQAFgASAA&amp;s=HdFmR6xIPavHIh1EpcvG9TaGnMsUxtDYJN_WGzwrFBg); background-size: cover;\" data-style=\"background-image: url(https://o.twimg.com/2/proxy.jpg?t=HBhcaHR0cHM6Ly9zZWMuY2g5Lm1zL2NoOS82ZWM5LzA5NDBkYzJkLThjMGUtNGI2Ny04MDMyLTAxZThmODg5NmVjOS9BUElNQW5kRXZlbnRIdWJEZW1vXzk2MC5qcGcUwAcUnAQAFgASAA&amp;s=HdFmR6xIPavHIh1EpcvG9TaGnMsUxtDYJN_WGzwrFBg); background-size: cover;\">\r\n                        <img class=\"u-block\" data-src=\"https://o.twimg.com/2/proxy.jpg?t=HBhcaHR0cHM6Ly9zZWMuY2g5Lm1zL2NoOS82ZWM5LzA5NDBkYzJkLThjMGUtNGI2Ny04MDMyLTAxZThmODg5NmVjOS9BUElNQW5kRXZlbnRIdWJEZW1vXzk2MC5qcGcUwAcUnAQAFgASAA&amp;s=HdFmR6xIPavHIh1EpcvG9TaGnMsUxtDYJN_WGzwrFBg\" alt=\"Photo published for Integrate Azure API Management with Event Hubs\" src=\"https://o.twimg.com/2/proxy.jpg?t=HBhcaHR0cHM6Ly9zZWMuY2g5Lm1zL2NoOS82ZWM5LzA5NDBkYzJkLThjMGUtNGI2Ny04MDMyLTAxZThmODg5NmVjOS9BUElNQW5kRXZlbnRIdWJEZW1vXzk2MC5qcGcUwAcUnAQAFgASAA&amp;s=HdFmR6xIPavHIh1EpcvG9TaGnMsUxtDYJN_WGzwrFBg\">\r\n                    </div>\r\n                </div>\r\n                <div class=\"PlayerCard-playButton\"></div>\r\n            </div>\r\n            <div class=\"SummaryCard-contentContainer TwitterCardsGrid-float--prev\">\r\n                <div class=\"SummaryCard-content\">\r\n                    <h2 class=\"TwitterCard-title js-cardClick tcu-textEllipse--multiline\">Integrate Azure API Management with Event Hubs</h2>\r\n                    <p class=\"tcu-resetMargin u-block TwitterCardsGrid-col--spacerTop tcu-textEllipse--multiline\">This video demonstrates how to log data as events to Azure Event hubs from API Management. It shows how to connect your API Management service to an event hub using the Logger enti...</p>\r\n                    <span class=\"u-block TwitterCardsGrid-col--spacerTop SummaryCard-destination\">azure.microsoft.com</span>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div class=\"TwitterCardsGrid-col--12 TwitterCard-container TwitterCard-container--clickable SummaryCard--large PlayerCard--video PlayerCard--clickToLoad\">\r\n            <div class=\"TwitterCardsGrid-col--12 PlayerCard-videoContainer\">\r\n                <div class=\"TwitterCardsGrid-col--12 TwitterCardsGrid-col--spacerBottom\">\r\n                    <div id=\"ExternalIframeContainer\" class=\"FlexEmbed\" data-iframe-aspect-ratio-numerator=\"643\" data-iframe-aspect-ratio-denominator=\"320\">\r\n                        <iframe data-src=\"https://channel9.msdn.com/Blogs/AzureApiMgmt/Integrate-Azure-API-Management-with-Event-Hubs/player/?format=html5\" frameborder=\"0\" scrolling=\"no\" allowtransparency=\"true\" sandbox=\"allow-popups allow-same-origin allow-scripts\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <a class=\"js-openLink u-block SummaryCard-contentContainer TwitterCard-container--clickable TwitterCardsGrid-col--12\" href=\"https://t.co/dwAo7Rzk1G\">\r\n                <div class=\"SummaryCard-content\">\r\n                    <h2 class=\"TwitterCard-title js-cardClick tcu-textEllipse--multiline\">Integrate Azure API Management with Event Hubs</h2>\r\n                    <p class=\"tcu-resetMargin u-block TwitterCardsGrid-col--spacerTop tcu-textEllipse--multiline\">This video demonstrates how to log data as events to Azure Event hubs from API Management. It shows how to connect your API Management service to an event hub using the Logger entity, how to use th…</p>\r\n                    <span class=\"u-block TwitterCardsGrid-col--spacerTop SummaryCard-destination\">azure.microsoft.com</span>\r\n                </div>\r\n            </a>\r\n        </div>\r\n    </div>\r\n</div>\r\n```"}}