Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas
Yayın tarihi 2 kas 20152 kas 2015
{"pages":{"search":{"query":"How to Canvas","originalQuery":"How to Canvas","serpid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","parentReqid":"1765334586333031-17296036881953165774-hjkzqmxuzlw6p3dr-BAL","serpItems":[{"id":"15631387536820508088-0-0","type":"videoSnippet","props":{"videoId":"15631387536820508088"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Columbus","title":"Columbus","url":"//yandex.com.tr/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Bölgeniz Columbus","needRetpath":true}]},{"type":"help","links":[{"label":"Bize ulaşın","url":"https://yandex.com.tr/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Yardım","url":"https://yandex.com.tr/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Ayarlar","url":"https://yandex.com.tr/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"Şirket hakkında","url":"//yandex.com.tr/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Kullanım lisansı","url":"//yandex.com.tr/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Gizlilik Politikası","url":"//yandex.com.tr/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":false,"isTranslationsDistributionOnboardingEnabled":false,"isFeedbackModalVisible":false,"prevention":{},"hasNextPage":false,"rightSerpItems":[{"type":"direct","id":"search-list-right","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"R-I-8843654-1","renderTo":"search-list-right-0-R-I-8843654-1","pageNumber":0,"grab":"dEhvdyB0byBDYW52YXMK","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","ui":"desktop","yuid":"9062317991765337230"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fpreview%2F15631387536820508088%3Ftext%3DHow%2Bto%2BCanvas"},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"2777543629138966266732","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_viewer_heartbeat_disabled_in_no_js_api":1,"video_search_toggle_with_text":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","distr_splashscreen_on":1,"video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_resource_loader":1,"video_adv_config_desktop":{"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"video_nohost_full_filter_onboarding_enable":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_searchdata_scheme":1,"video_viewer_related_fail_error_screen":1,"velocity_delay_metrika":1,"video_viewer_channel_link_mode":2,"video_partner_label":1,"video_resource_loader_load_timeout":6000,"int_tr":1,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","tabs_order_version":"search,images,video,newstr,maps,translate,tr_ecom","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"video_direct_config_desktop_search":"search-grid-row:R-I-48058-718:R-I-474674-109,search-grid-head:R-I-2120168-7","init_meta":{"enable-yabs-distr":1,"ask-user-purchase-history":1,"use-src-videoquickp":1,"enable-begemot":1,"enable_masthead":1,"use-src-videop":1,"use-src-videoquickp_misspell":1,"enable_blackbox_multisession":1,"begemot-enable-cancelled-misspell-rtmr":1,"enable_video_iron_fetcher":1,"use-related-only":1,"ask-yandex-io-devices":1,"use-images-device-setup":1,"use-src-imagesp":1,"images-apphost-collections-front":1,"enable_aab_apphost":1,"graph-is-video-search":1,"use-src-imagesp_misspell":1,"use-src-imagesultrap":1,"use-video-apphost-pre-templates":1,"use-src-videop_misspell":1,"use-video-apphost-post-templates":1,"use-src-imagesquickp":1,"enable_video_carousels":"1","restrict-max-docs":"1000","use-images-region-setup":1,"use-post-auto2":1,"use-images-settings-setup":1,"use-src-ugc_favorites":1,"video_vitrina_disable":"0","use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_blender":1,"video_search_grid_enable":0,"video_viewer_desktop_fix_d2d_scroll":1,"video_depot_viewer_legacy_counters":1,"video_search_grid_direct_start":3,"video_adv_new_show_rules_docs_count":1,"beauty_header_futuris_tab":9,"video_related_suggest_enable":1,"video_redirect_plug":2,"video_adv_grid_inplace":1,"distr_popup_on":1,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"video_depot_viewer_related_adv_margin":400,"video_viewer_doc2doc_instant_load":1,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"int_online_summarization_video_snippet":1,"video_morda_header_nav":1,"video_nohost_full_filter":1,"distr_pcode_off":1,"video_baobab_blockstat":1,"video_thumb_poster_full":1,"video_scrollpages":2,"video_serp_desktop_block_design":1,"video_nohost_youtube_filter":0,"video_viewer_host_link_mode":1},"slots":["1419615,0,91;1407489,0,83;1426275,0,82;1432976,0,12;1436972,0,39;1429440,0,83;1430179,0,45;1427781,0,73;1434896,0,31;1419696,0,19;1427314,0,93;124073,0,86;123855,0,68;1418739,0,93;1425920,0,12;1433743,0,68;1417819,0,85;1431429,0,27;1430618,0,29;1435996,0,55;1420353,0,64;1430496,0,86;1426784,0,18;1434234,0,51;124066,0,50;1421868,0,62;1432055,0,47;45960,0,51;60,0,29;1002327,0,76;151171,0,43;1269694,0,30;1281084,0,19;715045,0,83;287509,0,76;1350564,0,31;1296808,0,14"],"isYandexNet":false,"platform":"desktop","isEnLogo":true,"retpath":"https%3A%2F%2Ftwitter.yandex.com.tr%2Fvideo%2Fpreview%2F15631387536820508088%3Ftext%3DHow%2Bto%2BCanvas","mordaUrl":"//yandex.com.tr/","videoSearchUrl":"https://twitter.yandex.com.tr/video/search?text=How+to+Canvas","settingsUrl":"https://yandex.com.tr/tune/search/","helpUrl":"https://yandex.com.tr/support/video/","legalUrl":"//legal.yandex.com.tr/termsofuse/","feedbackUrl":"https://yandex.com.tr/support/video/troubleshooting.html","basename":"/video","currentPageName":"previewShort","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","backUrl":"//ya.ru","url":"https://twitter.yandex.com.tr/video/preview/15631387536820508088?parent-reqid=1765334586333031-17296036881953165774-hjkzqmxuzlw6p3dr-BAL&text=How+to+Canvas","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"url":"https://twitter.yandex.com.tr/video/preview/15631387536820508088?parent-reqid=1765334586333031-17296036881953165774-hjkzqmxuzlw6p3dr-BAL&text=How+to+Canvas","title":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","image":"http://avatars.mds.yandex.net/get-vthumb/1771294/c0f66b5415c920e5d7a4c7afd9e95440/800x450","imageSecureUrl":"https://avatars.mds.yandex.net/get-vthumb/1771294/c0f66b5415c920e5d7a4c7afd9e95440/800x450","video":"https://video-preview.s3.yandex.net/6GdZAgAAAAA.mp4","videoType":"video/mp4","imageWidth":800,"imageHeight":450,"type":"video"},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y2880493d9bc3a9a07e62cb24235b73b5","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1419615,1407489,1426275,1432976,1436972,1429440,1430179,1427781,1434896,1419696,1427314,124073,123855,1418739,1425920,1433743,1417819,1431429,1430618,1435996,1420353,1430496,1426784,1434234,124066,1421868,1432055,45960,60,1002327,151171,1269694,1281084,715045,287509,1350564,1296808","queryText":"How to Canvas","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","userRegionName":"","userRegionId":"function() {\n return this._region.id;\n }","yandexuid":"9062317991765337230","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,378416,359879,415420,644350,652605,645301,679708,689693,690449,696466,696473,722746,740796,776165,771230,781521,790415,801982,851450,886706,883477,900639,931367,937268,969063,935488,945314,989988,982463,991363,990185,1015567,1011895,1035320,1033956,1035241,1036046,1087297,1060131,1071879,1078818,1077703,1116602,1045814,1131637,1144233,1151726,1156933,1174275,1173000,1167408,1202006,1194718,1221235,1228280,1239596,1227266,1226860,1246754,1276447,1289213,1316370,1313283,1321224,1300570,1320679,1352408,1342688,1344637,1341968,1345362,1343279,1367583,1336673,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1441146,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"tr","user_time":{"epoch":"1765337283","tz":"America/Louisville","to_iso":"2025-12-09T22:28:03-0500","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","isEmbedded":false,"shouldShowMainPageButtonInViewer":false,"shouldDisableWebp":false,"removeLinkPrefix":"/video","shouldUseHighresPreview":true,"shouldCutSnippetTitle":true,"shouldShowPlusBadge":true,"reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1419615,1407489,1426275,1432976,1436972,1429440,1430179,1427781,1434896,1419696,1427314,124073,123855,1418739,1425920,1433743,1417819,1431429,1430618,1435996,1420353,1430496,1426784,1434234,124066,1421868,1432055,45960,60,1002327,151171,1269694,1281084,715045,287509,1350564,1296808","queryText":"How to Canvas","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","userRegionName":"","userRegionId":"function() {\n return this._region.id;\n }","yandexuid":"9062317991765337230","uid":"0","isChildAccount":false}},"deviceDetect":{"OSFamily":"Unknown","isTV":0,"x64":0,"GoogleToolBarVersion":"","MultiTouch":0,"BrowserBase":"","YandexBarVersion":"","isTablet":0,"YandexBar":0,"hasWebOmni":0,"isTouch":0,"hasYandexCamera":0,"isMobile":0,"DeviceKeyboard":"","device":"desktop","TurboAppPlatformVersion":"","historySupport":0,"BrowserShellVersion":"","DeviceVendor":"","isBrowser":0,"hasFlash":0,"MailRuSputnikVersion":"","isSameSiteSupported":0,"BrowserBaseVersion":"","BrowserVersionRaw":"","hasWebVert":0,"DeviceId":"","error":"","MailRuAgent":0,"ScreenWidth":0,"inAppBrowser":0,"hasHTML5":0,"isEmulator":0,"J2ME":0,"MailRuAgentVersion":"","BrowserEngineVersionRaw":"537.36","isRobot":1,"__is_plain":1,"BrowserEngineVersion":"0537.0036","BrowserName":"Unknown","DeviceModel":"","BrowserEngine":"WebKit","DeviceName":"","OSVersionRaw":"","OSName":"","GoogleToolBar":0,"ScreenSize":"","isTurboApp":0,"MailRuSputnik":0,"YaBuildName":"","isWAP":0,"PreferMobile":0,"DesktopMode":0,"BrowserVersion":"","BitsPerPixel":0,"BrowserShell":"","YaGUI":"","isBeta":0,"OSVersion":"","ScreenHeight":0},"nonce":"2777543629138966266732","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"enableSlowBufferingAlert":false,"enableSlowBufferingAlertDedup":false,"userConnectionRtt":152,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"isAdvDisabled":false,"shouldShowVideoPlaylistPane":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":true,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"forceSlowBufferingAlert":false,"rknWarnHosts":[""],"relatedAdvRootMargin":400,"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"useSendBeacon":false,"isFinalHeartbeatDisabledInNoJsApi":true,"wildcard":false,"isAdvUnderPlayerRedesign":false,"disableEarlyEventsInD2d":false,"isDoc2DocInstantLoadEnabled":true,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"isStickyPlayerDisabled":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"isIslandsDisabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isAdvUnderPlayerWithBackdrop":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":false,"isCommentsEnabled":false,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"shouldReplaceHref":false},"user":{"tld":"com.tr","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Columbus","isFamily":false,"yandexuid":"9062317991765337230","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1729.0__491d2077c35fc53c28577367d9c4833c662b0670","isGridSupported":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"regular":{"default":"R-I-48058-715","mail":"R-A-13411721-3"},"adult":{"default":"R-I-474674-108","mail":"R-A-13426421-3"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"isSkinInitedOnClient":false},"counters":{"params":{"useBeacon":false,"clickHost":"twitter.yandex.com.tr/clck","pid":197},"dict":{"viewer":"2921","user":"538","info":"1275","sources":"1500","select":"775","close":"486","open":"842","source":"186","link":"513","click":"882","tech":"690","player":"1242","change":"719","summary":"3410","init":"1309","item":"22","button":"440","shown":"3780","copy":"1276","text":"232","load":"1724","fallback":"2010","channel":"1345","hide":"1656","serp":"471","page":"143","loaded":"1007"}},"clips":{"items":{"15631387536820508088":{"videoId":"15631387536820508088","docid":"34-5-6-ZC612A121F1D94EF8","description":"Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com The Html5 Canvas element allows developers to render 2D shapes and bitmap images via scripting in...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1771294/c0f66b5415c920e5d7a4c7afd9e95440/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/6GdZAgAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DBam51avcAiw","linkTemplate":"/video/preview/15631387536820508088?parent-reqid=1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL&text=How+to+Canvas&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","related_orig_text":"How to Canvas","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"How to Canvas\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Bam51avcAiw\",\"src\":\"serp\",\"rvb\":\"EhYKFDE1NjMxMzg3NTM2ODIwNTA4MDg4GhYKFDE1NjMxMzg3NTM2ODIwNTA4MDg4WhQxNTYzMTM4NzUzNjgyMDUwODA4OGqIFxIBMBgAIkUaMQAKKmhoemhieGZkdmpleHhlbmJoaFVDakZPNXQwTUx5UWFpZEtHcEdvUmV3ZxICABIqEMIPDxoPPxPgA4IEJAGABCsqiwEQARp4gff-_AD-AwDrCP4CAQEAAAz--wj3__8A_fL0-P4E_gAPBwoB-wAAAP368fcEAAAACgMMAvT-AQD-BwT-BAAAABHp_Ab_AAAAA_z2CP8BAAD5Afr4A_8AAAIJBAUAAAAA-g78-_8AAAAEBPwGAAAAAPvz-_kAAAAAIAAtAFPbOzgTQAlITlACKoQCEAAa8AF_AO8Cu98S_gcF7wDp-AsAie4a_0Do9QCd9AsBxPjQAP4U9QD39AUAKgEXAMEi-f-_GQH_RikhAP_9EQASCgEACBj1ACDb9QFQ7Q0AAPEDAOkR7f8I_AkAFewKAAr0-QATABD_E_bnAPf9AgD8Jgf-DxkV_wAB-gPxF_X_5w3nAAT1_wTxAgsBxfoDAvMCDgQW_-j8FCjc__vtGvwg6u8CFyX1-xP68fwGFfkG5fQO-vv9-vcM8_386wIQBRYeEQryHRME8t38CRELA_Uq-PYFFPwbAAjx9wbk-f753_sI-fITCP_qDQMGFAgEAfH5_AwgAC19nDA7OBNACUhhUAIqzwcQABrAB7Ea-75sMIM9bRjHuzuqij0xWcG8IDljvDy1xDyuJjS90xRBvU0Tlj2jFYk9QW8APThpir7RDD087a59PN0nnz4Z63Y9lA2QPLn6Ib4ogQ29j7oHPRUcTr6sTcg8NZcfO1jBxD2Rlg89RxqBPKA0xD2m1VC9Ef_WOc76FD2plRO9lDlRvYOk7z3c6J29QW_gOvc7ZD7D01A8EIu9vHdSurxnobg8V43KvMTBdD38HLy6DrGLuxVdUj0cvOW8zxudvJPpmz1K6go8zf7luxWkgLvPl5i9gNGKPHZbqD21tJm9rCoFvZuHyD2dcju8Ewd1PHGknT0kBuY8QEkFvCcWmL2LA4O8LKrVu2OEiz0vg1Y8IPGGvCmuSr2VIK08L3Z4unVGar2pzCM9FUtbvADyhD2JKwI9-CsuPIP8zD0lVUC97I0SvDEtRb0kYLY79LCGPNPCYD2q5C07nLecuz99Gj28xtM8uECCOyHmAr72qyq98jCjvEUguL2nnCU9asK2PFF4Wj39jVE8nH6avBUB7j2BFTG9M0Y1vPm6MbyJbQE9LYFvu-nmrLzP4qA875nbu_YFqT3BvNG8b3zxu5OuFL0oni69EGLfu4KrXD0vTZG8AcNyPE8eu7zWAYA9ALYTu-TlHz0Oy1W8fdqXOqpDDr6FZrI8GfxIuWo1YjtBrJg97VA8OopQNjxnGG296MhCO4T1v7yAC1e8Z0tzOw0_nj157II8yyeOOo1BCjxAdSC8RGgpO7jI_Ty25Ec9hu-zujSXtT26qdy85lh4uCTQxbxtJlU9QdmlNxsfe7trFo49wnRgOZkJa729HxI9aA-EtuQ-Q73LOBy9QCTUuHj39rxY8qc8e-uZOBkiAr1aYY-9xFP_ucUCn7zu_Tc9miqzt5jUtTz0QjA9yrTOtw-u5TySd-49y8HjuNSJWj1HPNQ595d2Oci4ILqwZeg8L8J1uBcDFT2_fHc9PQcHOaBvCzyk_KQ8_WAguBDjmjwmuvg8hWPQOHToGbvJsCU9pMMROMnd07moZqA8lmQoOCuxQb2Mo029CdiMN73YgzvKppw8BXkTN6zmeb1tV6i8eWn2t03aVL2G95a9N4MBtxzZsD1AF4281CvhN7TI1r10Rr-93re9OAnREL3h0Nu9sc_LNxFAAD09j3u9HUytuJIT3LzbedE8gbVgN4PvJ73vSJu98wCdNz-Oxj0r3gi-hyK0uMr0cD0i4Ss-8cuKOB44gr0z8549nOfyuEoVubv2cDO95GAKuM5mGr0P7s68kCQ_tyAAOBNACUhtUAEqcxAAGmBNCAAw5gvYrlkz3enB4RnT4dbN9fY3_9_B_-cKEjwrHMO73hb_LPXwD58AAAAh3fEcRAANetDP9ACw8wexv-M7LH8tFUnQBjcL383kD-wA3CkUDg4AFMnBIBEC0CMjJRwgAC2lghY7OBNACUhvUAIqrwYQDBqgBgAAMEIAAHBBAAAwQQAAYMEAABDCAABwQgAAAEEAAODBAABEwgAAyMEAACRCAAAQQgAAssIAAKDAAACaQgAA0MEAAChCAACAPwAAFEIAANjBAACAwAAAbMIAACTCAACAQgAA6EEAAMBBAAA0wgAAyMEAAJpCAAAYQgAAAEEAAFBCAADYQQAAPEIAAJLCAABgwgAAIMEAAHBCAAAQQgAAMEEAAHjCAACSQgAAYEIAAJRCAAAAQQAAwEEAAIBBAAAgwgAABEIAAETCAADAQQAAjMIAAHzCAACQwQAAYMEAAExCAABAwAAAoEEAAI7CAACYQgAAAEEAAPjBAAAMwgAAiMEAAGRCAACYQgAAhEIAANjBAAAswgAA4EEAANBBAACaQgAAsMEAADRCAAAgQQAAVMIAAMBAAADgQAAAFEIAAKBBAACgQQAAUMEAADBBAADIwQAA8MEAAHhCAABIwgAAcEEAAJJCAAAMQgAAQMEAABBCAAAUQgAAgsIAANDBAAC4wQAAHEIAAMBBAABQQgAAkkIAAOjBAADAQQAAQEAAAIbCAACOwgAAAEAAAI7CAACgQAAAhMIAAHBBAAAgQQAAgD8AAODAAAAEQgAAVEIAALRCAACgwQAAqMEAAPhBAABgwQAAgMAAAJhBAAAwQQAABMIAAPDBAAAMwgAAgMAAAMhBAAAQwQAAmMIAAIDAAABYwgAAQMEAABhCAAAIQgAAGEIAAJZCAAAQwQAAMMIAAEDCAAAYQgAAGEIAAABCAACmQgAAQMAAAI5CAADQQQAADMIAABhCAAAAwQAAoEEAAPjBAACAQQAAuMEAAPDBAABQwgAAwMAAAHDBAADwQQAAWEIAAAjCAACAQQAAfMIAAIBBAACYQQAAgEAAAOjBAABQwQAA4EEAAADBAADgwQAAAEAAANDBAADAwQAAiEEAAFxCAAB4QgAAIEIAABzCAAAUQgAAUMEAALDBAABgwQAAgEAAAExCAACgQQAAeMIAAHRCAABUQgAA4EEAACDBAACQQQAAoMAAAIC_AAAYwgAAIEEAAEBAAABwwQAAkMEAAAjCIAA4E0AJSHVQASqPAhAAGoACAABcvgAAcL0AAEQ-AACuPgAAjr4AALi9AAAQvQAAAb8AADC9AACmvgAAwj4AAGQ-AAAMvgAAcL0AACw-AAAUvgAA0j4AAKC8AABAvAAAlj4AAH8_AAAEPgAADD4AAAw-AACavgAAiL0AAHC9AAAJvwAAjj4AAHC9AAC6PgAAHD4AADw-AACgPAAAfD4AAIA7AAC4PQAAsr4AAMK-AAA8vgAA-D0AACm_AABEvgAA2L0AAJY-AADKPgAAgj4AALa-AACIPQAAbL4AADA9AACyvgAApr4AAK6-AAAcvgAABD4AAGc_AADKvgAAUD0AABs_AAAUPgAAxr4AAKA8AACCPiAAOBNACUh8UAEqjwIQARqAAgAAQLwAABS-AADCvgAAEb8AAFA9AADgPAAAgDsAAFC9AACovQAAiD0AAIg9AABMPgAAEL0AADS-AABwPQAAML0AACy-AABDPwAALL4AAMo-AABAvAAAqL0AAOA8AAAwvQAAUL0AAIg9AAAEPgAA2D0AABQ-AACYPQAAVD4AAAS-AAAcvgAADD4AAJI-AABwvQAAmL0AADy-AACyvgAA4DwAAKo-AACoPQAAED0AADw-AACqvgAA6L0AAH-_AAAwvQAAUD0AALi9AACevgAAcD0AAJa-AAAsPgAA3j4AALg9AADgvAAAND4AANi9AABAPAAABL4AAII-AAA8PgAAkr4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=Bam51avcAiw","parent-reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["15631387536820508088"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false}},"dups":{"15631387536820508088":{"videoId":"15631387536820508088","title":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","cleanTitle":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Bam51avcAiw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Bam51avcAiw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDakZPNXQwTUx5UWFpZEtHcEdvUmV3Zw==","name":"Fullstack Academy","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Fullstack+Academy","origUrl":"http://www.youtube.com/@FullstackAcademyOfCode","a11yText":"Fullstack Academy. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":480,"text":"8:00","a11yText":"Süre 8 dakika","shortText":"8 dk."},"date":"2 kas 2015","modifyTime":1446422400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/Bam51avcAiw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Bam51avcAiw","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","duration":480},"parentClipId":"15631387536820508088","href":"/preview/15631387536820508088?parent-reqid=1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL&text=How+to+Canvas","rawHref":"/video/preview/15631387536820508088?parent-reqid=1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL&text=How+to+Canvas","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}}},"viewer":{"_isInitial":false,"clips":{"items":{"15631387536820508088":{"videoId":"15631387536820508088","docid":"34-5-6-ZC612A121F1D94EF8","description":"Learn more advanced front-end and full-stack development at: https://www.fullstackacademy.com The Html5 Canvas element allows developers to render 2D shapes and bitmap images via scripting in...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/1771294/c0f66b5415c920e5d7a4c7afd9e95440/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/6GdZAgAAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","summary":{"fullTextUrl":"/int_search_summary?data=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DBam51avcAiw","linkTemplate":"/video/preview/15631387536820508088?parent-reqid=1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL&text=How+to+Canvas&t=%%timestamp%%&ask_summarization=1"},"isAdultDoc":false,"relatedParams":{"text":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","related_orig_text":"How to Canvas","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"orig_text\":\"How to Canvas\",\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=Bam51avcAiw\",\"src\":\"serp\",\"rvb\":\"EhYKFDE1NjMxMzg3NTM2ODIwNTA4MDg4GhYKFDE1NjMxMzg3NTM2ODIwNTA4MDg4WhQxNTYzMTM4NzUzNjgyMDUwODA4OGqIFxIBMBgAIkUaMQAKKmhoemhieGZkdmpleHhlbmJoaFVDakZPNXQwTUx5UWFpZEtHcEdvUmV3ZxICABIqEMIPDxoPPxPgA4IEJAGABCsqiwEQARp4gff-_AD-AwDrCP4CAQEAAAz--wj3__8A_fL0-P4E_gAPBwoB-wAAAP368fcEAAAACgMMAvT-AQD-BwT-BAAAABHp_Ab_AAAAA_z2CP8BAAD5Afr4A_8AAAIJBAUAAAAA-g78-_8AAAAEBPwGAAAAAPvz-_kAAAAAIAAtAFPbOzgTQAlITlACKoQCEAAa8AF_AO8Cu98S_gcF7wDp-AsAie4a_0Do9QCd9AsBxPjQAP4U9QD39AUAKgEXAMEi-f-_GQH_RikhAP_9EQASCgEACBj1ACDb9QFQ7Q0AAPEDAOkR7f8I_AkAFewKAAr0-QATABD_E_bnAPf9AgD8Jgf-DxkV_wAB-gPxF_X_5w3nAAT1_wTxAgsBxfoDAvMCDgQW_-j8FCjc__vtGvwg6u8CFyX1-xP68fwGFfkG5fQO-vv9-vcM8_386wIQBRYeEQryHRME8t38CRELA_Uq-PYFFPwbAAjx9wbk-f753_sI-fITCP_qDQMGFAgEAfH5_AwgAC19nDA7OBNACUhhUAIqzwcQABrAB7Ea-75sMIM9bRjHuzuqij0xWcG8IDljvDy1xDyuJjS90xRBvU0Tlj2jFYk9QW8APThpir7RDD087a59PN0nnz4Z63Y9lA2QPLn6Ib4ogQ29j7oHPRUcTr6sTcg8NZcfO1jBxD2Rlg89RxqBPKA0xD2m1VC9Ef_WOc76FD2plRO9lDlRvYOk7z3c6J29QW_gOvc7ZD7D01A8EIu9vHdSurxnobg8V43KvMTBdD38HLy6DrGLuxVdUj0cvOW8zxudvJPpmz1K6go8zf7luxWkgLvPl5i9gNGKPHZbqD21tJm9rCoFvZuHyD2dcju8Ewd1PHGknT0kBuY8QEkFvCcWmL2LA4O8LKrVu2OEiz0vg1Y8IPGGvCmuSr2VIK08L3Z4unVGar2pzCM9FUtbvADyhD2JKwI9-CsuPIP8zD0lVUC97I0SvDEtRb0kYLY79LCGPNPCYD2q5C07nLecuz99Gj28xtM8uECCOyHmAr72qyq98jCjvEUguL2nnCU9asK2PFF4Wj39jVE8nH6avBUB7j2BFTG9M0Y1vPm6MbyJbQE9LYFvu-nmrLzP4qA875nbu_YFqT3BvNG8b3zxu5OuFL0oni69EGLfu4KrXD0vTZG8AcNyPE8eu7zWAYA9ALYTu-TlHz0Oy1W8fdqXOqpDDr6FZrI8GfxIuWo1YjtBrJg97VA8OopQNjxnGG296MhCO4T1v7yAC1e8Z0tzOw0_nj157II8yyeOOo1BCjxAdSC8RGgpO7jI_Ty25Ec9hu-zujSXtT26qdy85lh4uCTQxbxtJlU9QdmlNxsfe7trFo49wnRgOZkJa729HxI9aA-EtuQ-Q73LOBy9QCTUuHj39rxY8qc8e-uZOBkiAr1aYY-9xFP_ucUCn7zu_Tc9miqzt5jUtTz0QjA9yrTOtw-u5TySd-49y8HjuNSJWj1HPNQ595d2Oci4ILqwZeg8L8J1uBcDFT2_fHc9PQcHOaBvCzyk_KQ8_WAguBDjmjwmuvg8hWPQOHToGbvJsCU9pMMROMnd07moZqA8lmQoOCuxQb2Mo029CdiMN73YgzvKppw8BXkTN6zmeb1tV6i8eWn2t03aVL2G95a9N4MBtxzZsD1AF4281CvhN7TI1r10Rr-93re9OAnREL3h0Nu9sc_LNxFAAD09j3u9HUytuJIT3LzbedE8gbVgN4PvJ73vSJu98wCdNz-Oxj0r3gi-hyK0uMr0cD0i4Ss-8cuKOB44gr0z8549nOfyuEoVubv2cDO95GAKuM5mGr0P7s68kCQ_tyAAOBNACUhtUAEqcxAAGmBNCAAw5gvYrlkz3enB4RnT4dbN9fY3_9_B_-cKEjwrHMO73hb_LPXwD58AAAAh3fEcRAANetDP9ACw8wexv-M7LH8tFUnQBjcL383kD-wA3CkUDg4AFMnBIBEC0CMjJRwgAC2lghY7OBNACUhvUAIqrwYQDBqgBgAAMEIAAHBBAAAwQQAAYMEAABDCAABwQgAAAEEAAODBAABEwgAAyMEAACRCAAAQQgAAssIAAKDAAACaQgAA0MEAAChCAACAPwAAFEIAANjBAACAwAAAbMIAACTCAACAQgAA6EEAAMBBAAA0wgAAyMEAAJpCAAAYQgAAAEEAAFBCAADYQQAAPEIAAJLCAABgwgAAIMEAAHBCAAAQQgAAMEEAAHjCAACSQgAAYEIAAJRCAAAAQQAAwEEAAIBBAAAgwgAABEIAAETCAADAQQAAjMIAAHzCAACQwQAAYMEAAExCAABAwAAAoEEAAI7CAACYQgAAAEEAAPjBAAAMwgAAiMEAAGRCAACYQgAAhEIAANjBAAAswgAA4EEAANBBAACaQgAAsMEAADRCAAAgQQAAVMIAAMBAAADgQAAAFEIAAKBBAACgQQAAUMEAADBBAADIwQAA8MEAAHhCAABIwgAAcEEAAJJCAAAMQgAAQMEAABBCAAAUQgAAgsIAANDBAAC4wQAAHEIAAMBBAABQQgAAkkIAAOjBAADAQQAAQEAAAIbCAACOwgAAAEAAAI7CAACgQAAAhMIAAHBBAAAgQQAAgD8AAODAAAAEQgAAVEIAALRCAACgwQAAqMEAAPhBAABgwQAAgMAAAJhBAAAwQQAABMIAAPDBAAAMwgAAgMAAAMhBAAAQwQAAmMIAAIDAAABYwgAAQMEAABhCAAAIQgAAGEIAAJZCAAAQwQAAMMIAAEDCAAAYQgAAGEIAAABCAACmQgAAQMAAAI5CAADQQQAADMIAABhCAAAAwQAAoEEAAPjBAACAQQAAuMEAAPDBAABQwgAAwMAAAHDBAADwQQAAWEIAAAjCAACAQQAAfMIAAIBBAACYQQAAgEAAAOjBAABQwQAA4EEAAADBAADgwQAAAEAAANDBAADAwQAAiEEAAFxCAAB4QgAAIEIAABzCAAAUQgAAUMEAALDBAABgwQAAgEAAAExCAACgQQAAeMIAAHRCAABUQgAA4EEAACDBAACQQQAAoMAAAIC_AAAYwgAAIEEAAEBAAABwwQAAkMEAAAjCIAA4E0AJSHVQASqPAhAAGoACAABcvgAAcL0AAEQ-AACuPgAAjr4AALi9AAAQvQAAAb8AADC9AACmvgAAwj4AAGQ-AAAMvgAAcL0AACw-AAAUvgAA0j4AAKC8AABAvAAAlj4AAH8_AAAEPgAADD4AAAw-AACavgAAiL0AAHC9AAAJvwAAjj4AAHC9AAC6PgAAHD4AADw-AACgPAAAfD4AAIA7AAC4PQAAsr4AAMK-AAA8vgAA-D0AACm_AABEvgAA2L0AAJY-AADKPgAAgj4AALa-AACIPQAAbL4AADA9AACyvgAApr4AAK6-AAAcvgAABD4AAGc_AADKvgAAUD0AABs_AAAUPgAAxr4AAKA8AACCPiAAOBNACUh8UAEqjwIQARqAAgAAQLwAABS-AADCvgAAEb8AAFA9AADgPAAAgDsAAFC9AACovQAAiD0AAIg9AABMPgAAEL0AADS-AABwPQAAML0AACy-AABDPwAALL4AAMo-AABAvAAAqL0AAOA8AAAwvQAAUL0AAIg9AAAEPgAA2D0AABQ-AACYPQAAVD4AAAS-AAAcvgAADD4AAJI-AABwvQAAmL0AADy-AACyvgAA4DwAAKo-AACoPQAAED0AADw-AACqvgAA6L0AAH-_AAAwvQAAUD0AALi9AACevgAAcD0AAJa-AAAsPgAA3j4AALg9AADgvAAAND4AANi9AABAPAAABL4AAII-AAA8PgAAkr4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=Bam51avcAiw","parent-reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["15631387536820508088"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":true,"contentTypeId":null,"censored":false}},"dups":{"15631387536820508088":{"videoId":"15631387536820508088","title":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","cleanTitle":"Html5 Canvas Tutorial - How to Create Animations with Html5 Canvas","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=Bam51avcAiw","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/Bam51avcAiw?enablejsapi=1&wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"youtube","providerName":"youtube.com","sourceHost":"www.youtube.com","name":"youtube.com","secondPart":{"type":"CHANNEL","id":"d3d3LnlvdXR1YmUuY29tO1VDakZPNXQwTUx5UWFpZEtHcEdvUmV3Zw==","name":"Fullstack Academy","isVerified":false,"subscribersCount":0,"url":"/video/search?text=Fullstack+Academy","origUrl":"http://www.youtube.com/@FullstackAcademyOfCode","a11yText":"Fullstack Academy. "},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":480,"text":"8:00","a11yText":"Süre 8 dakika","shortText":"8 dk."},"date":"2 kas 2015","modifyTime":1446422400000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/Bam51avcAiw?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=Bam51avcAiw","reqid":"1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL","duration":480},"parentClipId":"15631387536820508088","href":"/preview/15631387536820508088?parent-reqid=1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL&text=How+to+Canvas","rawHref":"/video/preview/15631387536820508088?parent-reqid=1765337283522512-777543629138966266-balancer-l7leveler-kubr-yp-vla-32-BAL&text=How+to+Canvas","isEmbedOnly":false,"shouldPlayInstreamPreroll":false}},"loadingStatus":"None"},"internal":{"videoId":"15631387536820508088","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x001cd987dbd","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":false,"nonce":"2777543629138966266732","errorList":[],"isAdultAdv":false,"isImportantCommonAdv":false,"shouldShowAdvId":false,"advConfig":{"under-player":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"under-player-lite":{"regular":{"default":"R-I-48058-728"},"adult":{"default":"R-I-474674-103"}},"under-player-old":{"regular":{"default":"R-I-48058-725","mail":"R-A-13411721-6"},"adult":{"default":"R-I-474674-114","mail":"R-A-13426421-6"}},"video-list":{"regular":{"default":"R-I-48058-708","mail":"R-A-13411721-2"},"adult":{"default":"R-I-474674-101","mail":"R-A-13426421-2"}},"search-list":{"regular":{"default":"R-I-48058-715","mail":"R-A-13411721-3"},"adult":{"default":"R-I-474674-108","mail":"R-A-13426421-3"}},"search-grid-row":{"regular":{"default":"R-I-48058-718","mail":"R-A-13411721-4"},"adult":{"default":"R-I-474674-109","mail":"R-A-13426421-4"}},"search-grid-head":{"regular":{"default":"R-I-2120168-7"}},"search-list-right":{"regular":{"default":"R-I-8843654-1"}},"before-player-old":{"regular":{"default":"R-I-2120168-1"}},"before-player":{"regular":{"default":"R-I-2120168-1"}},"search-grid-inplace":{"adult":{"default":"R-I-474674-126","mail":"R-A-13426421-16"},"regular":{"default":"R-I-48058-742","mail":"R-A-13411721-16"}}},"shouldValidateSandbox":false,"sandboxInitTimeout":15000,"isSSROnlyMastheadEnabled":true,"query":"How to Canvas","queryUriEscaped":"How%20to%20Canvas","filterMode":1,"isUserChild":false,"advInstreamConfig":{"regular":{"default":{"category":"2","impId":"7","partnerId":"2216089","vmapScenarioId":"119"}},"adult":{"default":{"category":"3","impId":"4","partnerId":"1988486","vmapScenarioId":"119"}}}},"playbackQueue":{"currentIndex":0,"items":[{"type":"VIDEO","videoId":"15631387536820508088","source":"serp","selectEvent":"click"}]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}