Hide and Show div using JavaScript On Click Hide and Show Div HowToCodeSchoolcom











>> YOUR LINK HERE: ___ http://youtube.com/watch?v=-XQlr727A8w

Yo Ninjas! In this HTML lesson we're going to take our coding skills up a notch and introduce the mighty DIV tag!! This is a versatile HTML tag that can help to organise your code and provide useful when we style our pages in CSS! • Beware ninjas - do not be too gung-ho with the div tag and use it everywhere! There are newer, HTML5 semantic tags which we can use in conjunction with our div tags to make our pages even better! Look out for my HTML5 course in the future :).","styleRuns":[{"startIndex":0,"length":474,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":474,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CNEBELsvGAIiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SCy1YUWxyNzI3QTh3GAYyJSIRIgstWFFscjcyN0E4dzAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CNEBELsvGAIiEwiQ6_2K89eLAxV2y08IHRfVD5U=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CNABELovIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"9UNmumTYuq8","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/9UNmumTYuq8/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLClZ0BQcmxZW8KKKjET3i2mKFV_Rw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/9UNmumTYuq8/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLAEbRGaO4ifXA5pIphENji8mbzIXg","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"HTML Tutorial for Beginners 14 - ID's and Classes by Net Ninja 86,041 views 9 years ago 8 minutes, 14 seconds"}},"simpleText":"HTML Tutorial for Beginners 14 - ID's and Classes"},"longBylineText":{"runs":[{"text":"Net Ninja","navigationEndpoint":{"clickTrackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@NetNinja","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCW5YeuERMmlnqo4oq8vwUpg","canonicalBaseUrl":"/@NetNinja"}}}]},"publishedTimeText":{"simpleText":"9 years ago"},"viewCountText":{"simpleText":"86,041 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"8 minutes, 14 seconds"}},"simpleText":"8:14"},"navigationEndpoint":{"clickTrackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=9UNmumTYuq8","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"9UNmumTYuq8","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-nvm-cxbz.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=f54366ba64d8baaf ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=437500 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Net Ninja","navigationEndpoint":{"clickTrackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@NetNinja","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCW5YeuERMmlnqo4oq8vwUpg","canonicalBaseUrl":"/@NetNinja"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_mk2Ex-8sW03SBlBX7D1EC5skH0kv9rS3rU9IXq2I-q2Zg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5VAr_XipqbX2aH1AQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"86K views"}},"simpleText":"86K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CM4BEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CM4BEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"9UNmumTYuq8","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CM4BEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["9UNmumTYuq8"],"params":"CAQ%3D"}},"videoIds":["9UNmumTYuq8"]}},{"clickTrackingParams":"CM4BEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CM8BELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CM4BEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgs5VU5tdW1UWXVxOA%3D%3D","commands":[{"clickTrackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CM0BEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CMoBEKQwGAAiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"8 minutes, 14 seconds"}},"simpleText":"8:14"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMwBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"9UNmumTYuq8","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMwBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"9UNmumTYuq8"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMwBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMsBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMsBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"9UNmumTYuq8","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMsBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["9UNmumTYuq8"],"params":"CAQ%3D"}},"videoIds":["9UNmumTYuq8"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMsBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"HTML Tutorial for Beginners 14 - ID's and Classes - 8 minutes, 14 seconds - Go to channel - Net Ninja - 86K views - 9 years ago - play video"}}}},{"compactVideoRenderer":{"videoId":"WbnCll6vvw4","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/WbnCll6vvw4/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLDuraHhEq5_7tjH9kVHStedTWRSNQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/WbnCll6vvw4/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLD95MDKgix4GtUx-D44Yzd3zX_jmQ","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Learn HTML span div in 4 minutes! 🏁 by Bro Code 130,624 views 1 year ago 4 minutes, 47 seconds"}},"simpleText":"Learn HTML span div in 4 minutes! 🏁"},"longBylineText":{"runs":[{"text":"Bro Code","navigationEndpoint":{"clickTrackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@BroCodez","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC4SVo0Ue36XCfOyb5Lh1viQ","canonicalBaseUrl":"/@BroCodez"}}}]},"publishedTimeText":{"simpleText":"1 year ago"},"viewCountText":{"simpleText":"130,624 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"4 minutes, 47 seconds"}},"simpleText":"4:47"},"navigationEndpoint":{"clickTrackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=WbnCll6vvw4","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"WbnCll6vvw4","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=59b9c2965eafbf0e ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=588750 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Bro Code","navigationEndpoint":{"clickTrackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@BroCodez","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC4SVo0Ue36XCfOyb5Lh1viQ","canonicalBaseUrl":"/@BroCodez"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_mPFVsxROj1dOtTWc9iNBwDYV4z42Q8LPokBSewiW9pCSg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5VAjv6-9eXS8NxZ","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"130K views"}},"simpleText":"130K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMgBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMgBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"WbnCll6vvw4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMgBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["WbnCll6vvw4"],"params":"CAQ%3D"}},"videoIds":["WbnCll6vvw4"]}},{"clickTrackingParams":"CMgBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMkBELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CMgBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtXYm5DbGw2dnZ3NA%3D%3D","commands":[{"clickTrackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMcBEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CMQBEKQwGAEiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"4 minutes, 47 seconds"}},"simpleText":"4:47"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMYBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"WbnCll6vvw4","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMYBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"WbnCll6vvw4"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMYBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMUBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMUBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"WbnCll6vvw4","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMUBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["WbnCll6vvw4"],"params":"CAQ%3D"}},"videoIds":["WbnCll6vvw4"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMUBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Learn HTML span div in 4 minutes! 🏁 - 4 minutes, 47 seconds - Go to channel - Bro Code - 130K views - 1 year ago - play video"}}}},{"compactVideoRenderer":{"videoId":"phWxA89Dy94","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/phWxA89Dy94/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLAPpJjrc1Yj8t0UtOLd9yg8ACniSw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/phWxA89Dy94/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLCjlxtL0mgkj6e8D-_4IX19tboyvg","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Learn Flexbox CSS in 8 minutes by Slaying The Dragon 1,850,811 views 2 years ago 8 minutes, 16 seconds"}},"simpleText":"Learn Flexbox CSS in 8 minutes"},"longBylineText":{"runs":[{"text":"Slaying The Dragon","navigationEndpoint":{"clickTrackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@slayingthedragon","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCNG1I_kw2p3evITFIBX_2zA","canonicalBaseUrl":"/@slayingthedragon"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"1,850,811 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"8 minutes, 16 seconds"}},"simpleText":"8:16"},"navigationEndpoint":{"clickTrackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=phWxA89Dy94","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"phWxA89Dy94","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=a615b103cf43cbde ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=588750 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Slaying The Dragon","navigationEndpoint":{"clickTrackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@slayingthedragon","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCNG1I_kw2p3evITFIBX_2zA","canonicalBaseUrl":"/@slayingthedragon"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/AbpSwJHbvF8A5o1Urc2jFs-aI8R9UwI22-iVHHBt3rCMTBPbEEVeOQtZHNFiG5lt9WdOKN6W=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5VA3peP-ryg7IqmAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"1.8 million views"}},"simpleText":"1.8M views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CMIBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CMIBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"phWxA89Dy94","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CMIBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["phWxA89Dy94"],"params":"CAQ%3D"}},"videoIds":["phWxA89Dy94"]}},{"clickTrackingParams":"CMIBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CMMBELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CMIBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtwaFd4QTg5RHk5NA%3D%3D","commands":[{"clickTrackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CMEBEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CL4BEKQwGAIiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"8 minutes, 16 seconds"}},"simpleText":"8:16"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CMABEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"phWxA89Dy94","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CMABEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"phWxA89Dy94"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CMABEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CL8BEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CL8BEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"phWxA89Dy94","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CL8BEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["phWxA89Dy94"],"params":"CAQ%3D"}},"videoIds":["phWxA89Dy94"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CL8BEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Learn Flexbox CSS in 8 minutes - 8 minutes, 16 seconds - Go to channel - Slaying The Dragon - 1.8M views - 2 years ago - play video"}}}},{"compactVideoRenderer":{"videoId":"kGA9RIFiyIE","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/kGA9RIFiyIE/hqdefault.jpg?sqp=-oaymwE8CKgBEF5IWvKriqkDLwgBFQAAAAAYASUAAMhCPQCAokN4AfABAfgB_gmAAtAFigIMCAAQARhlIF0oUzAP rs=AOn4CLDZgsrbshu2s8sp2XRY4_BYsmhoIg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/kGA9RIFiyIE/hqdefault.jpg?sqp=-oaymwE9CNACELwBSFryq4qpAy8IARUAAAAAGAElAADIQj0AgKJDeAHwAQH4Af4JgALQBYoCDAgAEAEYZSBdKFMwDw== rs=AOn4CLAHqjOb_gwYU5_HcJAgtfbE-lnMvA","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Introducing Divs and controlling them with classes and ids by Q Visible 518,135 views 11 years ago 15 minutes"}},"simpleText":"Introducing Divs and controlling them with classes and ids"},"longBylineText":{"runs":[{"text":"Q Visible","navigationEndpoint":{"clickTrackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@QVisible","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCO-wGFWNkHJKgj5VeYobkFg","canonicalBaseUrl":"/@QVisible"}}}]},"publishedTimeText":{"simpleText":"11 years ago"},"viewCountText":{"simpleText":"518,135 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"15 minutes, 19 seconds"}},"simpleText":"15:19"},"navigationEndpoint":{"clickTrackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=kGA9RIFiyIE","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"kGA9RIFiyIE","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47lns6.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=90603d448162c881 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1515000 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Q Visible","navigationEndpoint":{"clickTrackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@QVisible","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCO-wGFWNkHJKgj5VeYobkFg","canonicalBaseUrl":"/@QVisible"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/WMj2hf-EwMqEfZr-YrGKQAbaW4tpzM7m4RHop6myywWbehLqiKSHLF3U9IJc0Q8DVy1JDKGW=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5VAgZGLi8ioj7CQAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"518K views"}},"simpleText":"518K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLwBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLwBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"kGA9RIFiyIE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLwBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["kGA9RIFiyIE"],"params":"CAQ%3D"}},"videoIds":["kGA9RIFiyIE"]}},{"clickTrackingParams":"CLwBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CL0BELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CLwBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtrR0E5UklGaXlJRQ%3D%3D","commands":[{"clickTrackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLsBEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CLgBEKQwGAMiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"15 minutes, 19 seconds"}},"simpleText":"15:19"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLoBEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"kGA9RIFiyIE","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLoBEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"kGA9RIFiyIE"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLoBEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLkBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLkBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"kGA9RIFiyIE","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLkBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["kGA9RIFiyIE"],"params":"CAQ%3D"}},"videoIds":["kGA9RIFiyIE"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLkBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Introducing Divs and controlling them with classes and ids - 15 minutes - Go to channel - Q Visible - 518K views - 11 years ago - play video"}}}},{"compactVideoRenderer":{"videoId":"bOUhq46fd5g","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/bOUhq46fd5g/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLAsxm_DRjRf0M73zIXwElAJn2kTqQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/bOUhq46fd5g/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLDK-WMp-qjIy1Kx7GB11tABCMJT5w","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Why When to Use Semantic HTML Elements over Divs by ByteGrad 125,048 views 2 years ago 12 minutes, 1 second"}},"simpleText":"Why When to Use Semantic HTML Elements over Divs"},"longBylineText":{"runs":[{"text":"ByteGrad","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@ByteGrad","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCf6AGqO98eGk11nfazociVQ","canonicalBaseUrl":"/@ByteGrad"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"125,048 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"12 minutes, 1 second"}},"simpleText":"12:01"},"navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=bOUhq46fd5g","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"bOUhq46fd5g","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr2---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=6ce521ab8e9f7798 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=588750 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"ByteGrad","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@ByteGrad","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCf6AGqO98eGk11nfazociVQ","canonicalBaseUrl":"/@ByteGrad"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/sCzTrM7ozIznC0TQjQFg6f4VQpuOFJC7pcZWAQsK4CI4EdaPvqFCJ7tXnQUfnGmcJc-I9UGFGAU=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5VAmO_99Li1yPJs","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"125K views"}},"simpleText":"125K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLYBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLYBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"bOUhq46fd5g","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLYBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["bOUhq46fd5g"],"params":"CAQ%3D"}},"videoIds":["bOUhq46fd5g"]}},{"clickTrackingParams":"CLYBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLcBELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CLYBEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtiT1VocTQ2ZmQ1Zw%3D%3D","commands":[{"clickTrackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLUBEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CLIBEKQwGAQiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"12 minutes, 1 second"}},"simpleText":"12:01"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"bOUhq46fd5g","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"bOUhq46fd5g"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLQBEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLMBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLMBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"bOUhq46fd5g","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLMBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["bOUhq46fd5g"],"params":"CAQ%3D"}},"videoIds":["bOUhq46fd5g"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLMBEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Why When to Use Semantic HTML Elements over Divs - 12 minutes, 1 second - Go to channel - ByteGrad - 125K views - 2 years ago - play video"}}}},{"compactVideoRenderer":{"videoId":"jx5jmI0UlXU","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/jx5jmI0UlXU/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLD2r0C9eoeSqsXpbxR7XPGCuXRbLA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/jx5jmI0UlXU/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLBrkOGKZKNJ1FnmpqHiZKg1qsQumw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Learn CSS Position In 9 Minutes by Web Dev Simplified 2,079,769 views 5 years ago 9 minutes, 26 seconds"}},"simpleText":"Learn CSS Position In 9 Minutes"},"longBylineText":{"runs":[{"text":"Web Dev Simplified","navigationEndpoint":{"clickTrackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@WebDevSimplified","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCFbNIlppjAuEX4znoulh0Cw","canonicalBaseUrl":"/@WebDevSimplified"}}}]},"publishedTimeText":{"simpleText":"5 years ago"},"viewCountText":{"simpleText":"2,079,769 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"9 minutes, 26 seconds"}},"simpleText":"9:26"},"navigationEndpoint":{"clickTrackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=jx5jmI0UlXU","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"jx5jmI0UlXU","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr3---sn-uxaxiv0nxx5q-nv4l.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=8f1e63988d149575 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=588750 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Web Dev Simplified","navigationEndpoint":{"clickTrackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@WebDevSimplified","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCFbNIlppjAuEX4znoulh0Cw","canonicalBaseUrl":"/@WebDevSimplified"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/ytc/AIdro_nO3F7DfVXaf6wsHPS_hF327ggeWUCwZSELb5DCWBL1aw=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"ownerBadges":[{"metadataBadgeRenderer":{"icon":{"iconType":"CHECK_CIRCLE_THICK"},"style":"BADGE_STYLE_TYPE_VERIFIED","tooltip":"Verified","trackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibilityData":{"label":"Verified"}}}],"trackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5VA9arS6IjzmI-PAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"2 million views"}},"simpleText":"2M views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLABEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLABEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"jx5jmI0UlXU","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLABEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["jx5jmI0UlXU"],"params":"CAQ%3D"}},"videoIds":["jx5jmI0UlXU"]}},{"clickTrackingParams":"CLABEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLEBELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CLABEP6YBBgGIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtqeDVqbUkwVWxYVQ%3D%3D","commands":[{"clickTrackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CK8BEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CKwBEKQwGAUiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"9 minutes, 26 seconds"}},"simpleText":"9:26"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CK4BEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"jx5jmI0UlXU","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CK4BEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"jx5jmI0UlXU"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CK4BEPnnAxgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CK0BEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CK0BEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"jx5jmI0UlXU","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CK0BEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["jx5jmI0UlXU"],"params":"CAQ%3D"}},"videoIds":["jx5jmI0UlXU"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CK0BEMfsBBgDIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Learn CSS Position In 9 Minutes - 9 minutes, 26 seconds - Go to channel - Web Dev Simplified - 2M views - 5 years ago - play video"}}}},{"compactVideoRenderer":{"videoId":"HDG_NP5QMT8","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/HDG_NP5QMT8/hqdefault.jpg?sqp=-oaymwEiCKgBEF5IWvKriqkDFQgBFQAAAAAYASUAAMhCPQCAokN4AQ== rs=AOn4CLBi4CL1ZLFv2_xpV5EcP5ui-wst-Q","width":168,"height":94},{"url":"https://i.ytimg.com/vi/HDG_NP5QMT8/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE= rs=AOn4CLDiCBILScIsuJ8drUOOu0932s8I3w","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"What is a DIV? | HTML Basics #1 by Jacob Broughton 30,498 views 5 years ago 3 minutes, 57 seconds"}},"simpleText":"What is a DIV? | HTML Basics #1"},"longBylineText":{"runs":[{"text":"Jacob Broughton","navigationEndpoint":{"clickTrackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@JacoblBroughton","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCnHjcw_ZQwEQAUbXPbUecWA","canonicalBaseUrl":"/@JacoblBroughton"}}}]},"publishedTimeText":{"simpleText":"5 years ago"},"viewCountText":{"simpleText":"30,498 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"3 minutes, 57 seconds"}},"simpleText":"3:57"},"navigationEndpoint":{"clickTrackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWRIzIfs7fu1ibr5AZoBBQgBEPgd","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=HDG_NP5QMT8","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"HDG_NP5QMT8","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---sn-nv47lnsr.googlevideo.com/initplayback?source=youtube oeis=1 c=WEB oad=3200 ovd=3200 oaad=11000 oavd=11000 ocs=700 oewis=1 oputc=1 ofpcc=1 msp=1 odepv=1 id=1c31bf34fe50313f ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1515000 mt=1740248222 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Jacob Broughton","navigationEndpoint":{"clickTrackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5UyB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@JacoblBroughton","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCnHjcw_ZQwEQAUbXPbUecWA","canonicalBaseUrl":"/@JacoblBroughton"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/o-UjYgKeWZ2W9hMnqUWOX6-dYW7anQIbI0psdpgZ1XlabkvrwtFrc91uzrOVv5lXZU3GbW0Y2w=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5VAv-LA8s_m75gc","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"30K views"}},"simpleText":"30K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CKoBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKoBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"HDG_NP5QMT8","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKoBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["HDG_NP5QMT8"],"params":"CAQ%3D"}},"videoIds":["HDG_NP5QMT8"]}},{"clickTrackingParams":"CKoBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKsBELlqIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},"popupType":"TOAST"}}]}},"trackingParams":"CKoBEP6YBBgFIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5U=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtIREdfTlA1UU1UOA%3D%3D","commands":[{"clickTrackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5U=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKkBEI5iIhMIkOv9ivPXiwMVdstPCB0X1Q-V","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5U=","hasSeparator":true}}],"trackingParams":"CKYBEKQwGAYiEwiQ6_2K89eLAxV2y08IHRfVD5U=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"3 minutes, 57 seconds"}},"simpleText":"3:57"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKgBEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"HDG_NP5QMT8","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CKgBEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"HDG_NP5QMT8"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKgBEPnnAxgBIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKcBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKcBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"HDG_NP5QMT8","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKcBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["HDG_NP5QMT8"],"params":"CAQ%3D"}},"videoIds":["HDG_NP5QMT8"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKcBEMfsBBgCIhMIkOv9ivPXiwMVdstPCB0X1Q-V"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"What is a DIV? | HTML Basics #1 - 3 minutes, 57 seconds - Go to channel - Jacob Broughton - 30K views - 5 years ago - play video"}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/2oCN2q1x3c4/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLDw-hyOJxddBVJTl2L6Lzxf2u58XA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/2oCN2q1x3c4/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLBqsNZ0FOh-bdUy0YyNcIC-NdSwEw","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"37 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":3348233,"darkTheme":3348233}}}],"position":"THUMBNAIL_OVERLAY_BADGE_POSITION_BOTTOM_END"}},{"thumbnailHoverOverlayViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAY_ALL"}}]},"text":{"content":"Play all","styleRuns":[{"startIndex":0,"length":8}]},"style":"THUMBNAIL_HOVER_OVERLAY_STYLE_COVER"}}],"backgroundColor":{"lightTheme":5842959,"darkTheme":5842959}}},"stackColor":{"lightTheme":10058347,"darkTheme":9666678}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"HTML CSS tutorial for beginners 🌎"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"Bro Code

#############################









New on site
Content Report
Youtor.org / YTube video Downloader © 2025

created by www.youtor.org