Create HTML CSS NAVBAR MENU with Advanced Hover Effects 2019
>> YOUR LINK HERE: ___ http://youtube.com/watch?v=DsqkYniUr6g
في هذا الدرس سنبدأ العمل مع خصائص ال items : • order • flex-grow • flex-shrink • flex-basis • flex • align-self • • CSS FlexBox • HTML • JavaScript • Visual Studio Code • Live Server","styleRuns":[{"startIndex":0,"length":160,"styleRunExtensions":{"styleRunColorMapExtension":{"colorMap":[{"key":"USER_INTERFACE_THEME_DARK","value":4294967295},{"key":"USER_INTERFACE_THEME_LIGHT","value":4279440147}]}},"fontFamilyName":"Roboto"}]},"headerRuns":[{"startIndex":0,"length":160,"headerMapping":"ATTRIBUTED_STRING_HEADER_MAPPING_UNSPECIFIED"}]}},{"itemSectionRenderer":{"contents":[{"continuationItemRenderer":{"trigger":"CONTINUATION_TRIGGER_ON_ITEM_SHOWN","continuationEndpoint":{"clickTrackingParams":"CLoBELsvGAIiEwjCyajHhNqLAxVidnoFHep8CJ0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/next"}},"continuationCommand":{"token":"Eg0SC0RzcWtZbmlVcjZnGAYyJSIRIgtEc3FrWW5pVXI2ZzAAeAJCEGNvbW1lbnRzLXNlY3Rpb24%3D","request":"CONTINUATION_REQUEST_TYPE_WATCH_NEXT"}}}}],"trackingParams":"CLoBELsvGAIiEwjCyajHhNqLAxVidnoFHep8CJ0=","sectionIdentifier":"comment-item-section","targetId":"comments-section"}}],"trackingParams":"CLkBELovIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},"secondaryResults":{"secondaryResults":{"results":[{"compactVideoRenderer":{"videoId":"VXrum0DR3WM","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/VXrum0DR3WM/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLArpY6vkrX87lXbzF_wH6BMxnKKYg","width":168,"height":94},{"url":"https://i.ytimg.com/vi/VXrum0DR3WM/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLCl5pUmwUV6lAWbUHcA3eGrRmaTvw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"تمارين flexbox by AlDawoode 3,501 views 4 years ago 1 minute, 49 seconds"}},"simpleText":"تمارين flexbox"},"longBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"publishedTimeText":{"simpleText":"4 years ago"},"viewCountText":{"simpleText":"3,501 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"1 minute, 49 seconds"}},"simpleText":"1:49"},"navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWRIqN_SxKeMqeUOmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=VXrum0DR3WM","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"VXrum0DR3WM","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr1---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 onvi=1 id=557aee9b40d1dd63 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1776250 mt=1740321428 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/EMfJRiDsg0mnkLGULMn5WS2NPrmNT6QHAY6g9X_kCZtO8LotVw7XdLy3sgtBoaL2y81hNfzToFg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ1A47rHhrTTu71V","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"3.5K views"}},"simpleText":"3.5K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLcBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLcBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"VXrum0DR3WM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLcBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["VXrum0DR3WM"],"params":"CAQ%3D"}},"videoIds":["VXrum0DR3WM"]}},{"clickTrackingParams":"CLcBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLgBELlqIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},"popupType":"TOAST"}}]}},"trackingParams":"CLcBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CLYBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","offlineVideoEndpoint":{"videoId":"VXrum0DR3WM","onAddCommand":{"clickTrackingParams":"CLYBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","getDownloadActionCommand":{"videoId":"VXrum0DR3WM","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CLYBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtWWHJ1bTBEUjNXTQ%3D%3D","commands":[{"clickTrackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CLUBEI5iIhMIwsmox4TaiwMVYnZ6BR3qfAid","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0=","hasSeparator":true}}],"trackingParams":"CLIBEKQwGAAiEwjCyajHhNqLAxVidnoFHep8CJ0=","accessibility":{"accessibilityData":{"label":"Action menu"}},"targetId":"watch-related-menu-button"}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"1 minute, 49 seconds"}},"simpleText":"1:49"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"VXrum0DR3WM","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CLQBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"VXrum0DR3WM"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLQBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CLMBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLMBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"VXrum0DR3WM","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLMBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["VXrum0DR3WM"],"params":"CAQ%3D"}},"videoIds":["VXrum0DR3WM"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CLMBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"تمارين flexbox - 1 minute, 49 seconds - Go to channel - AlDawoode - 3.5K views - 4 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/VXrum0DR3WM/mqdefault_6s.webp?du=3000 sqp=CM_L7L0G rs=AOn4CLCCtUJsOwa9jgApl-E1ob4I0gdTag","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"XY45cj7IZTA","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/XY45cj7IZTA/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLCqsl-3E_rC6g_585T5pZIClt_Gtw","width":168,"height":94},{"url":"https://i.ytimg.com/vi/XY45cj7IZTA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLCrlBO2RRPIxpwDOSTZlIT2CALDWw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"CSS Grid #04 | شرح CSS Grid Gap Lines by AlDawoode 2,392 views 4 years ago 18 minutes"}},"simpleText":"CSS Grid #04 | شرح CSS Grid Gap Lines"},"longBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"publishedTimeText":{"simpleText":"4 years ago"},"viewCountText":{"simpleText":"2,392 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"18 minutes, 38 seconds"}},"simpleText":"18:38"},"navigationEndpoint":{"clickTrackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWRIqN_SxKeMqeUOmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=XY45cj7IZTA","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"XY45cj7IZTA","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---sn-nv47lnsy.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 onvi=1 id=5d8e39723ec86530 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=2348750 mt=1740321428 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/EMfJRiDsg0mnkLGULMn5WS2NPrmNT6QHAY6g9X_kCZtO8LotVw7XdLy3sgtBoaL2y81hNfzToFg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ1AsMqh9qOujsdd","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"2.3K views"}},"simpleText":"2.3K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CLABEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CLABEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"XY45cj7IZTA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CLABEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["XY45cj7IZTA"],"params":"CAQ%3D"}},"videoIds":["XY45cj7IZTA"]}},{"clickTrackingParams":"CLABEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CLEBELlqIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},"popupType":"TOAST"}}]}},"trackingParams":"CLABEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CK8BENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","offlineVideoEndpoint":{"videoId":"XY45cj7IZTA","onAddCommand":{"clickTrackingParams":"CK8BENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","getDownloadActionCommand":{"videoId":"XY45cj7IZTA","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CK8BENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgtYWTQ1Y2o3SVpUQQ%3D%3D","commands":[{"clickTrackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CK4BEI5iIhMIwsmox4TaiwMVYnZ6BR3qfAid","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0=","hasSeparator":true}}],"trackingParams":"CKsBEKQwGAEiEwjCyajHhNqLAxVidnoFHep8CJ0=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"18 minutes, 38 seconds"}},"simpleText":"18:38"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CK0BEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"XY45cj7IZTA","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CK0BEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"XY45cj7IZTA"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CK0BEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKwBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKwBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"XY45cj7IZTA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKwBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["XY45cj7IZTA"],"params":"CAQ%3D"}},"videoIds":["XY45cj7IZTA"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKwBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"CSS Grid #04 | شرح CSS Grid Gap Lines - 18 minutes - Go to channel - AlDawoode - 2.3K views - 4 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/XY45cj7IZTA/mqdefault_6s.webp?du=3000 sqp=CICy7L0G rs=AOn4CLASaEVLiULQnBayH8VMUhKt_QASCg","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"x93laNqdRWA","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/x93laNqdRWA/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLAemjan_CEeJl-2UrRDO3kG35A03Q","width":168,"height":94},{"url":"https://i.ytimg.com/vi/x93laNqdRWA/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLBGuPlFtEbffuBpmKGcc1KArVSr9g","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"Learn CSS Position In Arabic by AlDawoode 1,978 views 2 years ago 22 minutes"}},"simpleText":"Learn CSS Position In Arabic"},"longBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"publishedTimeText":{"simpleText":"2 years ago"},"viewCountText":{"simpleText":"1,978 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"22 minutes, 10 seconds"}},"simpleText":"22:10"},"navigationEndpoint":{"clickTrackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWRIqN_SxKeMqeUOmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=x93laNqdRWA","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"x93laNqdRWA","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr5---sn-nv47lns7.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 onvi=1 id=c7dde568da9d4560 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=2348750 mt=1740321428 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/EMfJRiDsg0mnkLGULMn5WS2NPrmNT6QHAY6g9X_kCZtO8LotVw7XdLy3sgtBoaL2y81hNfzToFg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ1A4Ir11I2t-e7HAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"1.9K views"}},"simpleText":"1.9K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CKkBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKkBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"x93laNqdRWA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKkBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["x93laNqdRWA"],"params":"CAQ%3D"}},"videoIds":["x93laNqdRWA"]}},{"clickTrackingParams":"CKkBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKoBELlqIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},"popupType":"TOAST"}}]}},"trackingParams":"CKkBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CKgBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","offlineVideoEndpoint":{"videoId":"x93laNqdRWA","onAddCommand":{"clickTrackingParams":"CKgBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","getDownloadActionCommand":{"videoId":"x93laNqdRWA","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CKgBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt4OTNsYU5xZFJXQQ%3D%3D","commands":[{"clickTrackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKcBEI5iIhMIwsmox4TaiwMVYnZ6BR3qfAid","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0=","hasSeparator":true}}],"trackingParams":"CKQBEKQwGAIiEwjCyajHhNqLAxVidnoFHep8CJ0=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"22 minutes, 10 seconds"}},"simpleText":"22:10"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKYBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"x93laNqdRWA","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CKYBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"x93laNqdRWA"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKYBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CKUBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKUBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"x93laNqdRWA","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKUBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["x93laNqdRWA"],"params":"CAQ%3D"}},"videoIds":["x93laNqdRWA"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CKUBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"Learn CSS Position In Arabic - 22 minutes - Go to channel - AlDawoode - 1.9K views - 2 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/x93laNqdRWA/mqdefault_6s.webp?du=3000 sqp=CJDL7L0G rs=AOn4CLBLHrOab7imcv66byV6IKgw_NjQDw","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"yqR1Wnhjc1w","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/yqR1Wnhjc1w/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLA6PXWBBvBSCHsMCBDKJEx0fJF5mQ","width":168,"height":94},{"url":"https://i.ytimg.com/vi/yqR1Wnhjc1w/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLCRoNUWdf0x6xe74MAKO_nojrY4Rw","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"CSS Grid #01 | الاعمدة في CSS Grid ~ تعلم CSS Grid by AlDawoode 5,277 views 4 years ago 15 minutes"}},"simpleText":"CSS Grid #01 | الاعمدة في CSS Grid ~ تعلم CSS Grid"},"longBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"publishedTimeText":{"simpleText":"4 years ago"},"viewCountText":{"simpleText":"5,277 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"15 minutes, 25 seconds"}},"simpleText":"15:25"},"navigationEndpoint":{"clickTrackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWRIqN_SxKeMqeUOmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=yqR1Wnhjc1w","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"yqR1Wnhjc1w","nofollow":true,"watchEndpointSupportedOnesieConfig":{"html5PlaybackOnesieConfig":{"commonConfig":{"url":"https://rr4---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 onvi=1 id=caa4755a7863735c ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"AlDawoode","navigationEndpoint":{"clickTrackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@AlDawoode","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UCyoHC2UdpgMei4Cy0kO90nQ","canonicalBaseUrl":"/@AlDawoode"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/EMfJRiDsg0mnkLGULMn5WS2NPrmNT6QHAY6g9X_kCZtO8LotVw7XdLy3sgtBoaL2y81hNfzToFg=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ1A3OaNw6erndLKAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"5.2K views"}},"simpleText":"5.2K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CKIBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CKIBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"yqR1Wnhjc1w","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CKIBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["yqR1Wnhjc1w"],"params":"CAQ%3D"}},"videoIds":["yqR1Wnhjc1w"]}},{"clickTrackingParams":"CKIBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CKMBELlqIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},"popupType":"TOAST"}}]}},"trackingParams":"CKIBEP6YBBgGIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CKEBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","offlineVideoEndpoint":{"videoId":"yqR1Wnhjc1w","onAddCommand":{"clickTrackingParams":"CKEBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid","getDownloadActionCommand":{"videoId":"yqR1Wnhjc1w","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CKEBENGqBRgHIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"Cgt5cVIxV25oamMxdw%3D%3D","commands":[{"clickTrackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CKABEI5iIhMIwsmox4TaiwMVYnZ6BR3qfAid","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0=","hasSeparator":true}}],"trackingParams":"CJ0BEKQwGAMiEwjCyajHhNqLAxVidnoFHep8CJ0=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"15 minutes, 25 seconds"}},"simpleText":"15:25"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJ8BEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"yqR1Wnhjc1w","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CJ8BEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"yqR1Wnhjc1w"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJ8BEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJ4BEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CJ4BEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"yqR1Wnhjc1w","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CJ4BEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["yqR1Wnhjc1w"],"params":"CAQ%3D"}},"videoIds":["yqR1Wnhjc1w"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJ4BEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"CSS Grid #01 | الاعمدة في CSS Grid ~ تعلم CSS Grid - 15 minutes - Go to channel - AlDawoode - 5.2K views - 4 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"movingThumbnailDetails":{"thumbnails":[{"url":"https://i.ytimg.com/an_webp/yqR1Wnhjc1w/mqdefault_6s.webp?du=3000 sqp=CPDj7L0G rs=AOn4CLDBAvqbPHhwfjkehT4HZ1QKQ690MA","width":320,"height":180}],"logAsMovingThumbnail":true},"enableHoveredLogging":true,"enableOverlay":true}}}},{"compactVideoRenderer":{"videoId":"m4ywMGqU3GI","thumbnail":{"thumbnails":[{"url":"https://i.ytimg.com/vi/m4ywMGqU3GI/hqdefault.jpg?sqp=-oaymwEbCKgBEF5IVfKriqkDDggBFQAAiEIYAXABwAEG rs=AOn4CLA6N1hOQw42fRbAYHAsl2lyvgmDug","width":168,"height":94},{"url":"https://i.ytimg.com/vi/m4ywMGqU3GI/hqdefault.jpg?sqp=-oaymwEcCNACELwBSFXyq4qpAw4IARUAAIhCGAFwAcABBg== rs=AOn4CLBArBeR6w3yRjit72MxwtUXL9q9tg","width":336,"height":188}]},"title":{"accessibility":{"accessibilityData":{"label":"1-Cloud Computing شرح by Mahmoud Mokhtar - Tech 9,294 views 5 years ago 4 minutes, 40 seconds"}},"simpleText":"1-Cloud Computing شرح"},"longBylineText":{"runs":[{"text":"Mahmoud Mokhtar - Tech","navigationEndpoint":{"clickTrackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@mahmoudmokhtar01","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC_2WDNa1VF9jePNilfa_rfw","canonicalBaseUrl":"/@mahmoudmokhtar01"}}}]},"publishedTimeText":{"simpleText":"5 years ago"},"viewCountText":{"simpleText":"9,294 views"},"lengthText":{"accessibility":{"accessibilityData":{"label":"4 minutes, 40 seconds"}},"simpleText":"4:40"},"navigationEndpoint":{"clickTrackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWRIqN_SxKeMqeUOmgEFCAEQ-B0=","commandMetadata":{"webCommandMetadata":{"url":"/watch?v=m4ywMGqU3GI","webPageType":"WEB_PAGE_TYPE_WATCH","rootVe":3832}},"watchEndpoint":{"videoId":"m4ywMGqU3GI","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 onvi=1 id=9b8cb0306a94dc62 ip=2a02%3A27aa%3A0%3A0%3A0%3A0%3A0%3Ad49 initcwndbps=1208750 mt=1740321428 oweuc="}}}}},"shortBylineText":{"runs":[{"text":"Mahmoud Mokhtar - Tech","navigationEndpoint":{"clickTrackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0yB3JlbGF0ZWQ=","commandMetadata":{"webCommandMetadata":{"url":"/@mahmoudmokhtar01","webPageType":"WEB_PAGE_TYPE_CHANNEL","rootVe":3611,"apiUrl":"/youtubei/v1/browse"}},"browseEndpoint":{"browseId":"UC_2WDNa1VF9jePNilfa_rfw","canonicalBaseUrl":"/@mahmoudmokhtar01"}}}]},"channelThumbnail":{"thumbnails":[{"url":"https://yt3.ggpht.com/SsJwTR9YHtQGC6RBfQUugbjrtzv2vP2dsingAZcViG7ZvOg6aTJKSaSKzXb6ASLtATzEyBi5=s68-c-k-c0x00ffffff-no-rj","width":68,"height":68}]},"trackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ1A4rjT1IaGrMabAQ==","shortViewCountText":{"accessibility":{"accessibilityData":{"label":"9.2K views"}},"simpleText":"9.2K views"},"menu":{"menuRenderer":{"items":[{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Add to queue"}]},"icon":{"iconType":"ADD_TO_QUEUE_TAIL"},"serviceEndpoint":{"clickTrackingParams":"CJsBEP6YBBgFIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CJsBEP6YBBgFIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"m4ywMGqU3GI","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CJsBEP6YBBgFIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["m4ywMGqU3GI"],"params":"CAQ%3D"}},"videoIds":["m4ywMGqU3GI"]}},{"clickTrackingParams":"CJsBEP6YBBgFIhMIwsmox4TaiwMVYnZ6BR3qfAid","openPopupAction":{"popup":{"notificationActionRenderer":{"responseText":{"simpleText":"Added to queue"},"trackingParams":"CJwBELlqIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},"popupType":"TOAST"}}]}},"trackingParams":"CJsBEP6YBBgFIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemDownloadRenderer":{"serviceEndpoint":{"clickTrackingParams":"CJoBENGqBRgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","offlineVideoEndpoint":{"videoId":"m4ywMGqU3GI","onAddCommand":{"clickTrackingParams":"CJoBENGqBRgGIhMIwsmox4TaiwMVYnZ6BR3qfAid","getDownloadActionCommand":{"videoId":"m4ywMGqU3GI","params":"CAIQAA%3D%3D"}}}},"trackingParams":"CJoBENGqBRgGIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"menuServiceItemRenderer":{"text":{"runs":[{"text":"Share"}]},"icon":{"iconType":"SHARE"},"serviceEndpoint":{"clickTrackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0=","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/share/get_share_panel"}},"shareEntityServiceEndpoint":{"serializedShareEntity":"CgttNHl3TUdxVTNHSQ%3D%3D","commands":[{"clickTrackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0=","openPopupAction":{"popup":{"unifiedSharePanelRenderer":{"trackingParams":"CJkBEI5iIhMIwsmox4TaiwMVYnZ6BR3qfAid","showLoadingSpinner":true}},"popupType":"DIALOG","beReused":true}}]}},"trackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0=","hasSeparator":true}}],"trackingParams":"CJYBEKQwGAQiEwjCyajHhNqLAxVidnoFHep8CJ0=","accessibility":{"accessibilityData":{"label":"Action menu"}}}},"thumbnailOverlays":[{"thumbnailOverlayTimeStatusRenderer":{"text":{"accessibility":{"accessibilityData":{"label":"4 minutes, 40 seconds"}},"simpleText":"4:40"},"style":"DEFAULT"}},{"thumbnailOverlayToggleButtonRenderer":{"isToggled":false,"untoggledIcon":{"iconType":"WATCH_LATER"},"toggledIcon":{"iconType":"CHECK"},"untoggledTooltip":"Watch later","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJgBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"addedVideoId":"m4ywMGqU3GI","action":"ACTION_ADD_VIDEO"}]}},"toggledServiceEndpoint":{"clickTrackingParams":"CJgBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/browse/edit_playlist"}},"playlistEditEndpoint":{"playlistId":"WL","actions":[{"action":"ACTION_REMOVE_VIDEO_BY_VIDEO_ID","removedVideoId":"m4ywMGqU3GI"}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Watch later"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJgBEPnnAxgBIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayToggleButtonRenderer":{"untoggledIcon":{"iconType":"ADD_TO_QUEUE_TAIL"},"toggledIcon":{"iconType":"PLAYLIST_ADD_CHECK"},"untoggledTooltip":"Add to queue","toggledTooltip":"Added","untoggledServiceEndpoint":{"clickTrackingParams":"CJcBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true}},"signalServiceEndpoint":{"signal":"CLIENT_SIGNAL","actions":[{"clickTrackingParams":"CJcBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","addToPlaylistCommand":{"openMiniplayer":false,"openListPanel":true,"videoId":"m4ywMGqU3GI","listType":"PLAYLIST_EDIT_LIST_TYPE_QUEUE","onCreateListCommand":{"clickTrackingParams":"CJcBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid","commandMetadata":{"webCommandMetadata":{"sendPost":true,"apiUrl":"/youtubei/v1/playlist/create"}},"createPlaylistServiceEndpoint":{"videoIds":["m4ywMGqU3GI"],"params":"CAQ%3D"}},"videoIds":["m4ywMGqU3GI"]}}]}},"untoggledAccessibility":{"accessibilityData":{"label":"Add to queue"}},"toggledAccessibility":{"accessibilityData":{"label":"Added"}},"trackingParams":"CJcBEMfsBBgCIhMIwsmox4TaiwMVYnZ6BR3qfAid"}},{"thumbnailOverlayNowPlayingRenderer":{"text":{"runs":[{"text":"Now playing"}]}}}],"accessibility":{"accessibilityData":{"label":"1-Cloud Computing شرح - 4 minutes, 40 seconds - Go to channel - Mahmoud Mokhtar - Tech - 9.2K views - 5 years ago - play video"}},"richThumbnail":{"movingThumbnailRenderer":{"enableHoveredLogging":true,"enableOverlay":true}}}},{"lockupViewModel":{"contentImage":{"collectionThumbnailViewModel":{"primaryThumbnail":{"thumbnailViewModel":{"image":{"sources":[{"url":"https://i.ytimg.com/vi/s2tu-YEow8E/hqdefault.jpg?sqp=-oaymwEWCKgBEF5IWvKriqkDCQgBFQAAiEIYAQ== rs=AOn4CLAh_ABj3BBS7y_pRVfbBh2hTn_KOA","width":168,"height":94},{"url":"https://i.ytimg.com/vi/s2tu-YEow8E/hqdefault.jpg?sqp=-oaymwEXCNACELwBSFryq4qpAwkIARUAAIhCGAE= rs=AOn4CLCaIYilOfnWnNk7AtKVjrhwEHV7pA","width":336,"height":188}]},"overlays":[{"thumbnailOverlayBadgeViewModel":{"thumbnailBadges":[{"thumbnailBadgeViewModel":{"icon":{"sources":[{"clientResource":{"imageName":"PLAYLISTS"}}]},"text":"5 videos","badgeStyle":"THUMBNAIL_OVERLAY_BADGE_STYLE_DEFAULT","backgroundColor":{"lightTheme":467251,"darkTheme":467251}}}],"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":866905,"darkTheme":866905}}},"stackColor":{"lightTheme":7046809,"darkTheme":7768211}}},"metadata":{"lockupMetadataViewModel":{"title":{"content":"تعلم CSS Grid بالعربي 2020"},"metadata":{"contentMetadataViewModel":{"metadataRows":[{"metadataParts":[{"text":{"content":"AlDawoode
#############################
