Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects
{"pages":{"search":{"query":"videoid:1354097952726170357","originalQuery":"","serpid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","parentReqid":"","serpItems":[{"id":"1354097952726170357-0-0","type":"videoSnippet","props":{"videoId":"1354097952726170357"},"curPage":0},{"id":"R-I-249064-1-0-1","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":1,"grab":"dHZpZGVvaWQ6MTM1NDA5Nzk1MjcyNjE3MDM1Nwo=","statId":1,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","ui":"desktop","yuid":"1330822531776236843"}}},"isAdult":false,"position":1,"placement":"empty"},"curPage":0},{"id":"R-I-249064-1-0-2","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":2,"grab":"dHZpZGVvaWQ6MTM1NDA5Nzk1MjcyNjE3MDM1Nwo=","statId":2,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","ui":"desktop","yuid":"1330822531776236843"}}},"isAdult":false,"position":2,"placement":"empty"},"curPage":0},{"id":"R-I-249064-1-0-3","type":"direct","props":{"advRsyaActivateParams":{"pcodeParams":{"blockId":"","renderTo":"","pageNumber":3,"grab":"dHZpZGVvaWQ6MTM1NDA5Nzk1MjcyNjE3MDM1Nwo=","statId":3,"darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","ui":"desktop","yuid":"1330822531776236843"}}},"isAdult":false,"position":3,"placement":"empty"},"curPage":0}],"filters":{},"serpFooter":{"linksGroups":[{"type":"geo","links":[{"label":"Колумбус","title":"Колумбус","url":"//yandex.kz/tune/geo/","logNode":{"name":"region"},"target":"_self","a11yLabel":"Ваш регион Колумбус","needRetpath":true}]},{"type":"searchengines","links":[{"label":"Google","url":"//google.kz/search?tbm=vid&q=videoid%3A1354097952726170357","logNode":{"name":"link","attrs":{"type":"google"}},"target":"_blank"},{"label":"Bing","url":"//bing.com/videos?scope=video&q=videoid%3A1354097952726170357","logNode":{"name":"link","attrs":{"type":"bing"}},"target":"_blank"}]},{"type":"help","links":[{"label":"Обратная связь","url":"https://yandex.kz/support/video/troubleshooting.html","logNode":{"name":"feedback"},"needRetpath":true},{"label":"Справка","url":"https://yandex.kz/support/video/","logNode":{"name":"help"},"needRetpath":true}]},{"type":"settings","links":[{"label":"Настройки","url":"https://yandex.kz/tune/search/","target":"_self","logNode":{"name":"settings"},"needRetpath":true}]},{"type":"company","links":[{"label":"О компании","url":"//yandex.kz/company/","logNode":{"name":"about"},"target":"_blank"},{"label":"Лицензия на использование","url":"//yandex.kz/legal/termsofuse/","logNode":{"name":"license"},"target":"_blank"},{"label":"Политика конфиденциальности","url":"//yandex.kz/legal/confidential/","logNode":{"name":"confidential"},"target":"_blank"}],"a11yHidden":true}],"hasExtralinks":true},"currentPage":0,"prevPageToLoad":-1,"nextPageToLoad":1,"isTranslationsFilterEnabled":false,"isTranslationsDistributionEnabled":true,"isTranslationsDistributionOnboardingEnabled":true,"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":"dHZpZGVvaWQ6MTM1NDA5Nzk1MjcyNjE3MDM1Nwo=","darkTheme":false,"lazyLoad":false,"extParams":{"reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","ui":"desktop","yuid":"1330822531776236843"}}},"isAdult":false,"position":0,"placement":"search-list-right"},"curPage":0}],"isAdultQuery":false,"errorList":[],"layout":"list","retpath":"https%3A%2F%2Fyandex.kz%2Fvideo%2Fpreview%2F1354097952726170357","pages":[{"reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","start":0,"end":4,"pageNumber":0,"isCounterSent":false}]},"main":{"_isInitial":true,"snippets":[],"serpFooter":{"linksGroups":[]},"isLoggedIn":false,"tags":[]}},"internal":{"nonce":"4599251313333082253718","expFlags":{"video_settings_toolbar_redesign":1,"velocity_delay_drawer":1,"video_feedback_in_d2d":1,"video_search_toggle_with_text":1,"video_viewer_show_placeholder":1,"velocity_disable_suspense":1,"video_viewer_desktop_smart_layout":1,"dark_theme_desktop":"cookie","video_viewer_check_sandbox_origin":1,"video_font_yandex_sans":1,"video_adv_new_show_rules":1,"video_adv_config_desktop":{"search-list":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"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_search_page_no_islands":1,"video_vh_player_js":0,"video_masthead_ratio":"180,4","video_viewer_related_fail_error_screen":1,"video_viewer_channel_link_mode":2,"mmui_extended_escape_scheme":"searchdata.clips.0.authorname","spok":"id","video_suggest_use_serp":1,"video_search_grid_direct_repeat":6,"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,"bg-bert-video":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,"use-images-user-setup":1,"use-video-pre-search-data":1,"begemot-no-suggest-history":1},"video_depot_viewer_masthead_ssr_only":1,"video_kebab_advanced_actions":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,"video_redirect_plug":2,"video_adv_grid_inplace":1,"dark_theme_desktop_default_pref":"system","video_search_toggle_enable":1,"velocity_split_hydration":4,"video_duration_counter_new_format":1,"video_force_grid_on_premordie":1,"video_morda_header_nav":1,"video_nohost_full_filter":0,"video_baobab_blockstat":1,"video_nohost_youtube_filter":0,"video_viewer_host_link_mode":1,"video_comments_smart_nonstop":1},"slots":["1519498,0,69;1533627,0,22;1525906,0,16;1534930,0,46;1525753,0,15;1152685,0,29;1532369,0,0;1523432,0,1;260556,0,1;260555,0,5;124074,0,53;1530698,0,57;1535766,0,75;1519859,0,40;1525607,0,74;1523262,0,33;1525192,0,12;1526315,0,5;1525783,0,93;1537367,0,19;1533245,0,5;1524211,0,71;1185075,0,7;124062,0,26;124063,0,50;1503415,0,72;60,0,75;66190,0,78;1528215,0,6;1515118,0,78;151171,0,27;126356,0,74;1281084,0,23;287509,0,81;1482951,0,21;1538599,0,5;1529214,0,75"],"isYandexNet":false,"platform":"desktop","isEnLogo":false,"retpath":"https%3A%2F%2Fyandex.kz%2Fvideo%2Fpreview%2F1354097952726170357","mordaUrl":"//yandex.kz/","videoSearchUrl":"https://yandex.kz/video/search?text=Border+Loading+Animation+in+HTML+CSS+%26+JavaScript+%7C+CSS+Animation+%26+Effects","settingsUrl":"https://yandex.kz/tune/search/","helpUrl":"https://yandex.ru/support/video/","legalUrl":"//company.yandex.ru/legal/termsofuse/","feedbackUrl":"https://yandex.kz/support/video/troubleshooting.html","basename":"/video","currentPageName":"previewShort","isYandexApp":false,"isYandexAppAndroid":false,"isYandexAppIos":false,"isAnyYaBro":false,"isAndroid":false,"isHamster":false,"serpid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","backUrl":"//ya.ru","url":"https://yandex.kz/video/preview/1354097952726170357?","isIntegrationTest":false,"isEndToEndTest":false,"shouldDropLogs":false,"seo":{"title":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects - Смотреть онлайн в поиске Яндекса по Видео","description":"CodingLab · 10:44 · 30 сен 2022","keywords":"","shareTitle":""},"isEmbedded":false,"isPumpkin":false,"sessionCsrfToken":"y5397a64c9c81bdf8be9ff86ffbb6c2e4","reportFeedbackBaseProps":{"initEmail":"","metaFields":{"userAgent":"Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)","userTestids":"1519498,1533627,1525906,1534930,1525753,1152685,1532369,1523432,260556,260555,124074,1530698,1535766,1519859,1525607,1523262,1525192,1526315,1525783,1537367,1533245,1524211,1185075,124062,124063,1503415,60,66190,1528215,1515118,151171,126356,1281084,287509,1482951,1538599,1529214","queryText":"","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"1330822531776236843","uid":"0","isChildAccount":false}},"userTestids":"191768,238743,246500,253288,265553,270072,277807,274239,294077,278842,331010,338398,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,1167408,1202006,1194718,1221235,1228280,1226860,1246754,1313283,1321224,1300570,1320679,1352408,1342688,1341968,1345362,1367583,1348424,1382036,1391511,1384451,1402882,1407422,1417605,1424780,1429092,1438908,1444206,1449283,1452713,1457995,1459585,1461130,1492788,1495633,1511916,1514845,1535081,1539004,1299604","regionId":20815,"isYaRu":false,"shouldUnmountSearchPageInViewer":false,"videoGlobalContext":{"platform":"desktop","isPumpkin":false,"language":"ru","user_time":{"epoch":"1776236843","tz":"America/Louisville","to_iso":"2026-04-15T03:07:23-0400","__is_plain":1},"isHermione":false,"shouldStubImages":true,"enableVideoPreviewInHermione":false,"reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-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":"1519498,1533627,1525906,1534930,1525753,1152685,1532369,1523432,260556,260555,124074,1530698,1535766,1519859,1525607,1523262,1525192,1526315,1525783,1537367,1533245,1524211,1185075,124062,124063,1503415,60,66190,1528215,1515118,151171,126356,1281084,287509,1482951,1538599,1529214","queryText":"","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","userRegionName":"","userRegionId":"id() {\n return this._region.id;\n }","yandexuid":"1330822531776236843","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":"4599251313333082253718","disableDoc2DocHostLink":false,"shouldHideChannelLink":false,"disableChannelLink":false,"userConnectionRtt":150,"animated":false,"isDoc2DocScrollFix":true,"smartDesktopLayout":true,"enableVIImprovements":false,"enableLazyPoster":false,"isAdvDisabled":false,"isVideoTranslationSupported":false,"isSummaryDisabled":false,"isSummaryOnlineEnabled":false,"shouldRenderBroSummaryApiContainer":false,"shouldDropLogs":false,"shouldUseBeacon":false,"hasAdBlock":false,"rknWarnHosts":[""],"postInstreamScreenDuration":2000,"minVideoDurationForInstream":120,"isInstreamEnabledInTesting":false,"wildcard":false,"disableEarlyEventsUnsubscribe":false,"showDebugRelatedURL":false,"shouldUseBetaErrorLogging":false,"shouldShowMetaUnderPlayer":false,"isVideoViewerMetaTitleHidden":false,"headerNoFavicon":false,"headerBranded":false,"shouldCensorSensitiveContent":false,"shouldCensorShockContent":false,"isAdvUnderPlayerTransparent":false,"isDoc2DocGridLayoutEnabled":false,"isWatchingProgressInDoc2DocEnabled":false,"detailsRedesignEnabled":false,"detailsRedesignV2Enabled":false,"detailsRedesignV3Enabled":false,"isD2DEmptyLoadFixDisabled":false,"isRoundedPlayerEnabled":false,"isSettingsToolbarRedesign":true,"isDoc2DocEmptyRetryEnabled":false,"isTouchAdvWithBackdrop":false,"isDoc2DocErrorScreenEnabled":true,"isDoc2DocFeedbackKebabEnabled":true,"isCommentsEnabled":false,"isCommentsCountOnSnippetsEnabled":false,"isCommentsSmartNonStopEnabled":true,"isCommentsOnboardingEnabledInTesting":false,"commentsOnboardingTextVariant":null,"isVideoMainButtonInitiallyCollapsed":false,"isAdvUnderPlayerWithInnerPadding":false,"isKebabAdvancedActionsEnabled":true,"isKebabOnTouchVideoSearchEnabled":false,"isAdvVideoListLikeUnderPlayer":false,"isSummaryInMetaButtons":false,"isSummaryInMetaButtonsDesktop":false,"isMetaCommentsButtonEnabled":false,"isCommentsAuthPopup":false,"preventAdvHideOnEmpty":false,"isPlayerChangeCounterEnabled":false,"isSmallTitle":false,"shouldRestoreMuteState":false,"isAdvUnderPlayerWithSlider":false,"isAdvUnderPlayerCommentsAligned":false,"isSerialNavigatorDisabled":false},"shouldShowAdvId":false,"isAdultQuery":false,"isSensitivePage":false,"showSensitive":false,"showShock":false,"shouldReplaceHref":false},"user":{"tld":"kz","isEuDomain":false,"login":"","passportId":"","isLoggedIn":false,"locationName":"Колумбус","isFamily":false,"yandexuid":"1330822531776236843","ugcCsrfToken":"","family":1,"isChild":false},"config":{"skinMode":"system","skin":"light","version":"releases-frontend-video-v1.1806.0__8c36267c55e00903d59b8141389ef7da8952d095","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":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"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":"yandex.kz/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","request_entry_completed":"2021","serp":"471","page":"143","loaded":"1007"}},"clips":{"items":{"1354097952726170357":{"videoId":"1354097952726170357","docid":"34-9-11-Z95A437D5FC5FAAB5","description":"Border Loading Animation in HTML CSS & JavaScript | CSS Hover Animation & Effects In this video tutorial, you will learn to create a card with its Border Loading Animation using HTML CSS, and...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4033857/022fa0ed59d773ee169467bd88a8d61e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/sRshFwIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isAdultDoc":false,"relatedParams":{"text":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=A6dz4Q-O3GE\",\"src\":\"serp\",\"rvb\":\"EhUKEzEzNTQwOTc5NTI3MjYxNzAzNTcaFQoTMTM1NDA5Nzk1MjcyNjE3MDM1N1oTMTM1NDA5Nzk1MjcyNjE3MDM1N2qIFxIBMBgAIkUaMQAKKmhoZXdpZ3l0ZnZkcHplc2JoaFVDQmxyMmpHMW9ubGpMLWdVeTliYmhKdxICABIqEMIPDxoPPxOEBYIEJAGABCsqiwEQARp4gf0H_g3-AgD1AQMFBwX9AQb1APr4_v4A4g72BAP8AgAM_wf-AwAAAA7r_P0CAAAA8_oF-_sAAAD__AQRAwAAAA70-AQDAAAADgv8A_4BAAD68gD4AgAAAAADAgH_AAAAAgEG__3_AAASAP78AQAAAADw-g0AAAAAIAAtjY_aOzgTQAlITlACKoQCEAAa8AFmMQX8_M0JA5fw5QDNEOQBgRgP_1MM2gDL-uMBzhCwAcoR4ADs0yL_zhrlAJT99gGxH8f-KggJ_yELFwAW7BYAFw7gASrTDQFL7ugA-CIB_9snNP0H4jn_R-Tp_S0B6QIlEBr_5BHPAanf4gPrEDgCLRT3_x_5Df7FABT94xgSA8_tAv3h-BX70O0FBSAQAvsQFNT-Oyzm_98Y-wdH9P4F9PkPCBMKKP3_EQsGyeMA-7gK6QACHvsJ5Q4qBAsqKvj0EyQD6t3v9_QY9vFE4Ov9_D34DB_z8g7n2vL1xAIJAPEFFfjBKBIJ6w0G8QH18f0gAC0BsAA7OBNACUhhUAIqzwcQABrAB1wfxr4AQXQ9pxKUPME72b1TFr89V2J5PDvHIL4vCoy8qwtTvKZIPj6dvEg9-JKhO6FId75zVro8pDYxvT0pcz6UwOa79XIOPYbjCb7fIPU8rAEqvdaAgr12h7k88nK9vDBBkr1PaIi8hU8pPZNvBj5vsCE9nJAOvAnMqb1UwwO9aMMrvOpBQT0DJSK7tRg8vCgQ9j3235Q8HNavvERpzz3kxDI8cao1vCOTgr1Vh9w8uhVCPKxw673w04I8MgWpu1U7ebzg_Se7v5MePFPQ7b0fMkC9kdeevEkL_DyZB1U9SbqoO41_nzuhjn09_wkuvLxabj23i7w6duWvO9AqQ76Yc5-8D6iIPPCLCz7zP7O74jrGO-Ol271FBRg9r7cIPWGIPD0hySy9Yd2dO_Q04D04k8A9dwJQPD7oWTy7IIy9kxC2PLowAj5mvZi8zD60vIMbBL1eR96710uVumeCPD16Dbs93WxivFXJhr0CicG8vEYmvGCuZT2arze8kGXmu_3Fpz1zLZq8FF5-u8b8nD1jSTQ9pbMbO8HSD70o0wi9NZ9OvMHkxjxS_rQ9zdmMvJFk9j1po1-8AJOSu_Fum73Jy5q9Xm0BvLEpAT0rcqO8tiJ7PDfpkbxb5IO8iRrYOkvYrbyrFbe9xZoCvMPlor1BVwy9TeR2u-oDCb07DsO5dR7XO8AmqzwtDwy8WvesO-YqUb3Yiaa8HYqKO_c_qz1DId27Kvm7u9kQEr1Jzei8WkKlO2rCdjzDqzY9hUy9uR-i0T1Y-B-9edGKOBBndD3dWbA9fKa_OdFKEL1sMEO8_2uwORsjwz2GU4s9NPtauN0qo7xXPcC9kQYeOXXCcLym5dG83UtBNmNel71vSjk944eROXqRhD303Y09iIGKuLz5Nz1aUDO9O7WdOIKoOz0Uymc81FwkOOZvpzxheDu99cqpts9EPb0bTF69Ml47OWsOED0UTwe9C84Ht2uYxjzzPPi8onxOuOOncTyfeXQ98GkGuSkM5Ty0IX-9CoGguN4Ciby6LdG89RcxNyDuur3zryW-qwvJOOGtnLv_j_q68H5GOLjkKL7Rf4W8nfgauQKKBzyfOaC9sxGdtyVQTr3yhmq9s559uC3R2b28oIS968mUNx1UJz0V_ow8LJZft2aDHD5c3KC98PyDt7IEAz2NlHO7o5Frt4pnej0mQW48rQMQuG1yGD5hpBe-p_jeuCL_7D01KQU-835buFKksbyEImc9nekTuI-vmLxWA149ndmLuFjqtDyzAJe93TNHNyAAOBNACUhtUAEqcxAAGmAw9QA8AQjU6jMu9Am54yfU9MHNEQYl__ve__EP7B4M_-qfJPL_I94QKagAAAAnGuok-wD6brrw7evbC_2i6-o4FX_X9DWuCRcKy-BZ6N02pxgTAhUA-OW59fQY1j0xDikgAC1P1x87OBNACUhvUAIqrwYQDBqgBgAAMEEAAIDBAAAAQAAA-MEAAJhBAACQQQAAoEAAAOBAAAC6wgAA4EAAACDBAABAwgAAXMIAAK7CAAD4QQAAYEEAACDBAACQQQAA-MEAAODBAACoQQAAAMEAAFxCAABAQgAAsMEAAIBBAABgwQAAQMIAAAhCAACIwQAAfMIAAFBCAACGwgAA8MEAAEDBAADAQAAA4MEAAI5CAABwwQAACEIAABRCAAAMQgAAbEIAAKhCAAAUQgAAdMIAAChCAADgwAAAmkIAAOBBAACAQQAA4EAAAPjBAAAgwQAAyEEAACBCAAC4wgAAwMEAAFDCAACCQgAAqEEAAGDCAAAYwgAAiMIAADBCAABAwgAAiEEAAMjBAAC4QQAAkMEAAHBCAAAoQgAAsMEAAFRCAACAPwAAgMIAAFzCAAAYQgAAQEIAACDCAABIwgAAAMEAAMBBAADwwQAAwEAAAIDAAABEQgAAhEIAAGBCAAC4wQAAiMEAAPhBAADowQAAnsIAAMBAAABYwgAA6EEAAHBBAADgwAAAgEAAACzCAAAwQQAAHEIAAJDCAACAQAAAAMAAAGDBAADAQQAAiEEAAEDBAACwQQAACMIAAADBAAAkwgAAuEEAAJjBAABgwQAANMIAAABCAAAEwgAABEIAAMTCAABowgAAUEEAALBBAAAUQgAAisIAAEDBAACkwgAAjMIAAKDBAABAQAAAQEAAALBBAADQwQAAYEEAAABAAACoQQAAQEEAANLCAACYwQAAEEIAADBCAACowQAA8EEAAABAAADUwgAAIEIAAIA_AABAQQAAEEEAACTCAADIwQAAgMAAADBBAAAYwgAAuMEAADDCAAAAwgAAoMAAAOjBAACQwQAAWMIAABDBAABcwgAAiEEAAIhBAABQQgAAgMEAANBBAAC4wQAAFEIAAHDCAAAQwQAAgMIAAADAAAA0wgAACMIAAGRCAAA0QgAA2MEAAJBBAABIwgAAYMIAAIJCAAD4wQAAXMIAAIZCAACAQQAAqEEAANjBAABUwgAAhEIAAAAAAADowQAADEIAAFzCAAAAAAAAqMEAAJrCIAA4E0AJSHVQASqPAhAAGoACAAC2vgAAUL0AAOA8AAB8PgAAiL0AACQ-AAAEvgAAEb8AADy-AACmvgAAfD4AAKA8AACCPgAAiD0AAJi9AABcvgAAuj4AAMg9AADgPAAA4j4AADE_AACYvQAA4DwAAOA8AAA8vgAAPL4AABw-AAAXvwAAwj4AADQ-AACqPgAAHD4AAAw-AAAUPgAADD4AALY-AADgvAAAwr4AAAy-AABEvgAAlr4AAL6-AACYPQAAcL0AAIo-AAB8PgAAML0AACS-AACavgAAkr4AAEC8AAC6vgAAFL4AAOC8AACgPAAAQDwAAH8_AABkPgAAEL0AAFA9AABAvAAAzr4AAAS-AABwPSAAOBNACUh8UAEqjwIQARqAAgAAhr4AAHS-AABkvgAAI78AABw-AABUvgAAgj4AACy-AAAkvgAAiL0AANg9AAAcPgAAqD0AAJK-AABMPgAAiL0AAK6-AABLPwAAEL0AAJY-AACOPgAABL4AAIC7AAAQvQAAiD0AAJK-AAA8vgAAmD0AANg9AACovQAA4DwAADC9AACgPAAALL4AAM4-AABMvgAAmL0AABy-AABsvgAAnj4AAMY-AACOvgAAED0AAEA8AABwPQAAPL4AAH-_AAB8vgAAUD0AANK-AAAQvQAAED0AADC9AAAkvgAABD4AALg9AADovQAA4DwAAPg9AAAQvQAAcL0AAGQ-AAC4vQAARL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=A6dz4Q-O3GE","parent-reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["1354097952726170357","14388468628711556152"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"1895499828"}},"dups":{"1354097952726170357":{"videoId":"1354097952726170357","title":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","cleanTitle":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=A6dz4Q-O3GE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/A6dz4Q-O3GE?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":"d3d3LnlvdXR1YmUuY29tO1VDQmxyMmpHMW9ubGpMLWdVeTliYmhKdw==","name":"CodingLab","isVerified":true,"subscribersCount":0,"url":"/video/search?text=CodingLab","origUrl":"http://www.youtube.com/@CodingLabYT","a11yText":"CodingLab. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":644,"text":"10:44","a11yText":"Длительность 10 минут 44 секунды","shortText":"10 мин"},"views":{"text":"25,2K","a11yText":"25,2 тысяч просмотров"},"date":"30 сен 2022","modifyTime":1664542105000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/A6dz4Q-O3GE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=A6dz4Q-O3GE","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","duration":644},"parentClipId":"1354097952726170357","href":"/preview/1354097952726170357?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","rawHref":"/video/preview/1354097952726170357?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false,"commentsDisabled":false},"14388468628711556152":{"videoId":"14388468628711556152","title":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","cleanTitle":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","host":{"title":"Rutube","href":"http://rutube.ru/video/17aae58d503a68c299bb88ff17c59587/","playerUri":"\u003ciframe src=\"//rutube.ru/play/embed/17aae58d503a68c299bb88ff17c59587/?wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"rutube","providerName":"rutube.ru","sourceHost":"rutube.ru","name":"rutube.ru","secondPart":{"type":"CHANNEL","isVerified":false,"subscribersCount":0,"a11yText":""},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Frutube.ru?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":644,"text":"10:44","a11yText":"Длительность 10 минут 44 секунды","shortText":"10 мин"},"date":"26 ноя 2023","modifyTime":1700954551000,"isExternal":false,"player":{"embedUrl":"https://rutube.ru/play/embed/17aae58d503a68c299bb88ff17c59587/?autoStart=true&wmode=opaque","playerId":"rutube","videoUrl":"http://rutube.ru/video/17aae58d503a68c299bb88ff17c59587/","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","duration":644},"parentClipId":"1354097952726170357","href":"/preview/14388468628711556152?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","rawHref":"/video/preview/14388468628711556152?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false,"commentsDisabled":false}}},"viewer":{"_isInitial":false,"clips":{"items":{"1354097952726170357":{"videoId":"1354097952726170357","docid":"34-9-11-Z95A437D5FC5FAAB5","description":"Border Loading Animation in HTML CSS & JavaScript | CSS Hover Animation & Effects In this video tutorial, you will learn to create a card with its Border Loading Animation using HTML CSS, and...","preview":{"posterSrc":"//avatars.mds.yandex.net/get-vthumb/4033857/022fa0ed59d773ee169467bd88a8d61e/564x318_1","videoSrc":"https://video-preview.s3.yandex.net/sRshFwIAAAA.mp4","videoType":"video/mp4"},"target":"_self","position":"0","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isAdultDoc":false,"relatedParams":{"text":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","related_porno":false,"related_short":true,"related_less_3m_off":true,"client":"d2d","no_cnt":1,"related_src":"serp","related":"{\"porno\":false,\"vfp\":1,\"url\":\"http:\\/\\/www.youtube.com\\/watch?v=A6dz4Q-O3GE\",\"src\":\"serp\",\"rvb\":\"EhUKEzEzNTQwOTc5NTI3MjYxNzAzNTcaFQoTMTM1NDA5Nzk1MjcyNjE3MDM1N1oTMTM1NDA5Nzk1MjcyNjE3MDM1N2qIFxIBMBgAIkUaMQAKKmhoZXdpZ3l0ZnZkcHplc2JoaFVDQmxyMmpHMW9ubGpMLWdVeTliYmhKdxICABIqEMIPDxoPPxOEBYIEJAGABCsqiwEQARp4gf0H_g3-AgD1AQMFBwX9AQb1APr4_v4A4g72BAP8AgAM_wf-AwAAAA7r_P0CAAAA8_oF-_sAAAD__AQRAwAAAA70-AQDAAAADgv8A_4BAAD68gD4AgAAAAADAgH_AAAAAgEG__3_AAASAP78AQAAAADw-g0AAAAAIAAtjY_aOzgTQAlITlACKoQCEAAa8AFmMQX8_M0JA5fw5QDNEOQBgRgP_1MM2gDL-uMBzhCwAcoR4ADs0yL_zhrlAJT99gGxH8f-KggJ_yELFwAW7BYAFw7gASrTDQFL7ugA-CIB_9snNP0H4jn_R-Tp_S0B6QIlEBr_5BHPAanf4gPrEDgCLRT3_x_5Df7FABT94xgSA8_tAv3h-BX70O0FBSAQAvsQFNT-Oyzm_98Y-wdH9P4F9PkPCBMKKP3_EQsGyeMA-7gK6QACHvsJ5Q4qBAsqKvj0EyQD6t3v9_QY9vFE4Ov9_D34DB_z8g7n2vL1xAIJAPEFFfjBKBIJ6w0G8QH18f0gAC0BsAA7OBNACUhhUAIqzwcQABrAB1wfxr4AQXQ9pxKUPME72b1TFr89V2J5PDvHIL4vCoy8qwtTvKZIPj6dvEg9-JKhO6FId75zVro8pDYxvT0pcz6UwOa79XIOPYbjCb7fIPU8rAEqvdaAgr12h7k88nK9vDBBkr1PaIi8hU8pPZNvBj5vsCE9nJAOvAnMqb1UwwO9aMMrvOpBQT0DJSK7tRg8vCgQ9j3235Q8HNavvERpzz3kxDI8cao1vCOTgr1Vh9w8uhVCPKxw673w04I8MgWpu1U7ebzg_Se7v5MePFPQ7b0fMkC9kdeevEkL_DyZB1U9SbqoO41_nzuhjn09_wkuvLxabj23i7w6duWvO9AqQ76Yc5-8D6iIPPCLCz7zP7O74jrGO-Ol271FBRg9r7cIPWGIPD0hySy9Yd2dO_Q04D04k8A9dwJQPD7oWTy7IIy9kxC2PLowAj5mvZi8zD60vIMbBL1eR96710uVumeCPD16Dbs93WxivFXJhr0CicG8vEYmvGCuZT2arze8kGXmu_3Fpz1zLZq8FF5-u8b8nD1jSTQ9pbMbO8HSD70o0wi9NZ9OvMHkxjxS_rQ9zdmMvJFk9j1po1-8AJOSu_Fum73Jy5q9Xm0BvLEpAT0rcqO8tiJ7PDfpkbxb5IO8iRrYOkvYrbyrFbe9xZoCvMPlor1BVwy9TeR2u-oDCb07DsO5dR7XO8AmqzwtDwy8WvesO-YqUb3Yiaa8HYqKO_c_qz1DId27Kvm7u9kQEr1Jzei8WkKlO2rCdjzDqzY9hUy9uR-i0T1Y-B-9edGKOBBndD3dWbA9fKa_OdFKEL1sMEO8_2uwORsjwz2GU4s9NPtauN0qo7xXPcC9kQYeOXXCcLym5dG83UtBNmNel71vSjk944eROXqRhD303Y09iIGKuLz5Nz1aUDO9O7WdOIKoOz0Uymc81FwkOOZvpzxheDu99cqpts9EPb0bTF69Ml47OWsOED0UTwe9C84Ht2uYxjzzPPi8onxOuOOncTyfeXQ98GkGuSkM5Ty0IX-9CoGguN4Ciby6LdG89RcxNyDuur3zryW-qwvJOOGtnLv_j_q68H5GOLjkKL7Rf4W8nfgauQKKBzyfOaC9sxGdtyVQTr3yhmq9s559uC3R2b28oIS968mUNx1UJz0V_ow8LJZft2aDHD5c3KC98PyDt7IEAz2NlHO7o5Frt4pnej0mQW48rQMQuG1yGD5hpBe-p_jeuCL_7D01KQU-835buFKksbyEImc9nekTuI-vmLxWA149ndmLuFjqtDyzAJe93TNHNyAAOBNACUhtUAEqcxAAGmAw9QA8AQjU6jMu9Am54yfU9MHNEQYl__ve__EP7B4M_-qfJPL_I94QKagAAAAnGuok-wD6brrw7evbC_2i6-o4FX_X9DWuCRcKy-BZ6N02pxgTAhUA-OW59fQY1j0xDikgAC1P1x87OBNACUhvUAIqrwYQDBqgBgAAMEEAAIDBAAAAQAAA-MEAAJhBAACQQQAAoEAAAOBAAAC6wgAA4EAAACDBAABAwgAAXMIAAK7CAAD4QQAAYEEAACDBAACQQQAA-MEAAODBAACoQQAAAMEAAFxCAABAQgAAsMEAAIBBAABgwQAAQMIAAAhCAACIwQAAfMIAAFBCAACGwgAA8MEAAEDBAADAQAAA4MEAAI5CAABwwQAACEIAABRCAAAMQgAAbEIAAKhCAAAUQgAAdMIAAChCAADgwAAAmkIAAOBBAACAQQAA4EAAAPjBAAAgwQAAyEEAACBCAAC4wgAAwMEAAFDCAACCQgAAqEEAAGDCAAAYwgAAiMIAADBCAABAwgAAiEEAAMjBAAC4QQAAkMEAAHBCAAAoQgAAsMEAAFRCAACAPwAAgMIAAFzCAAAYQgAAQEIAACDCAABIwgAAAMEAAMBBAADwwQAAwEAAAIDAAABEQgAAhEIAAGBCAAC4wQAAiMEAAPhBAADowQAAnsIAAMBAAABYwgAA6EEAAHBBAADgwAAAgEAAACzCAAAwQQAAHEIAAJDCAACAQAAAAMAAAGDBAADAQQAAiEEAAEDBAACwQQAACMIAAADBAAAkwgAAuEEAAJjBAABgwQAANMIAAABCAAAEwgAABEIAAMTCAABowgAAUEEAALBBAAAUQgAAisIAAEDBAACkwgAAjMIAAKDBAABAQAAAQEAAALBBAADQwQAAYEEAAABAAACoQQAAQEEAANLCAACYwQAAEEIAADBCAACowQAA8EEAAABAAADUwgAAIEIAAIA_AABAQQAAEEEAACTCAADIwQAAgMAAADBBAAAYwgAAuMEAADDCAAAAwgAAoMAAAOjBAACQwQAAWMIAABDBAABcwgAAiEEAAIhBAABQQgAAgMEAANBBAAC4wQAAFEIAAHDCAAAQwQAAgMIAAADAAAA0wgAACMIAAGRCAAA0QgAA2MEAAJBBAABIwgAAYMIAAIJCAAD4wQAAXMIAAIZCAACAQQAAqEEAANjBAABUwgAAhEIAAAAAAADowQAADEIAAFzCAAAAAAAAqMEAAJrCIAA4E0AJSHVQASqPAhAAGoACAAC2vgAAUL0AAOA8AAB8PgAAiL0AACQ-AAAEvgAAEb8AADy-AACmvgAAfD4AAKA8AACCPgAAiD0AAJi9AABcvgAAuj4AAMg9AADgPAAA4j4AADE_AACYvQAA4DwAAOA8AAA8vgAAPL4AABw-AAAXvwAAwj4AADQ-AACqPgAAHD4AAAw-AAAUPgAADD4AALY-AADgvAAAwr4AAAy-AABEvgAAlr4AAL6-AACYPQAAcL0AAIo-AAB8PgAAML0AACS-AACavgAAkr4AAEC8AAC6vgAAFL4AAOC8AACgPAAAQDwAAH8_AABkPgAAEL0AAFA9AABAvAAAzr4AAAS-AABwPSAAOBNACUh8UAEqjwIQARqAAgAAhr4AAHS-AABkvgAAI78AABw-AABUvgAAgj4AACy-AAAkvgAAiL0AANg9AAAcPgAAqD0AAJK-AABMPgAAiL0AAK6-AABLPwAAEL0AAJY-AACOPgAABL4AAIC7AAAQvQAAiD0AAJK-AAA8vgAAmD0AANg9AACovQAA4DwAADC9AACgPAAALL4AAM4-AABMvgAAmL0AABy-AABsvgAAnj4AAMY-AACOvgAAED0AAEA8AABwPQAAPL4AAH-_AAB8vgAAUD0AANK-AAAQvQAAED0AADC9AAAkvgAABD4AALg9AADovQAA4DwAAPg9AAAQvQAAcL0AAGQ-AAC4vQAARL4gADgTQAlIfFABMAk4AUoAYABoAA,,\"}","related_url":"http://www.youtube.com/watch?v=A6dz4Q-O3GE","parent-reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","related_vfp":1,"relatedVideo":"yes"},"cwidth":1920,"cheight":1080,"cratio":1.77777,"dups":["1354097952726170357","14388468628711556152"],"episode":0,"season":0,"isEmbedOnly":false,"greenHost":"YouTube","hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false,"videoContentId":"1895499828"},"undefined":{"docid":"","description":"","preview":{"posterSrc":"undefined/564x318_1"},"target":"_blank","position":"3","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isAdultDoc":false,"cwidth":null,"cheight":null,"cratio":null,"dups":[],"episode":null,"season":null,"isEmbedOnly":false,"hasTranslation":false,"contentTypeId":null,"censored":false,"censoredShock":false,"isShockDoc":false}},"dups":{"1354097952726170357":{"videoId":"1354097952726170357","title":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","cleanTitle":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","host":{"title":"YouTube","href":"http://www.youtube.com/watch?v=A6dz4Q-O3GE","playerUri":"\u003ciframe src=\"//www.youtube.com/embed/A6dz4Q-O3GE?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":"d3d3LnlvdXR1YmUuY29tO1VDQmxyMmpHMW9ubGpMLWdVeTliYmhKdw==","name":"CodingLab","isVerified":true,"subscribersCount":0,"url":"/video/search?text=CodingLab","origUrl":"http://www.youtube.com/@CodingLabYT","a11yText":"CodingLab. Канал верифицирован"},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Fyoutube.com?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":644,"text":"10:44","a11yText":"Длительность 10 минут 44 секунды","shortText":"10 мин"},"views":{"text":"25,2K","a11yText":"25,2 тысяч просмотров"},"date":"30 сен 2022","modifyTime":1664542105000,"isExternal":false,"player":{"embedUrl":"https://www.youtube.com/embed/A6dz4Q-O3GE?autoplay=1&enablejsapi=1&wmode=opaque","playerId":"youtube","videoUrl":"http://www.youtube.com/watch?v=A6dz4Q-O3GE","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","duration":644},"parentClipId":"1354097952726170357","href":"/preview/1354097952726170357?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","rawHref":"/video/preview/1354097952726170357?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false,"commentsDisabled":false},"14388468628711556152":{"videoId":"14388468628711556152","title":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","cleanTitle":"Border Loading Animation in HTML CSS & JavaScript | CSS Animation & Effects","host":{"title":"Rutube","href":"http://rutube.ru/video/17aae58d503a68c299bb88ff17c59587/","playerUri":"\u003ciframe src=\"//rutube.ru/play/embed/17aae58d503a68c299bb88ff17c59587/?wmode=opaque\" frameborder=\"0\" scrolling=\"no\" allowfullscreen=\"1\" allow=\"autoplay; fullscreen; accelerometer; gyroscope; picture-in-picture\" aria-label=\"Video\">\u003c/iframe>","playerId":"rutube","providerName":"rutube.ru","sourceHost":"rutube.ru","name":"rutube.ru","secondPart":{"type":"CHANNEL","isVerified":false,"subscribersCount":0,"a11yText":""},"faviconUrl":"//favicon.yandex.net/favicon/v2/http%3A%2F%2Frutube.ru?color=255%2C255%2C255%2C0&size=32&stub=1"},"duration":{"value":644,"text":"10:44","a11yText":"Длительность 10 минут 44 секунды","shortText":"10 мин"},"date":"26 ноя 2023","modifyTime":1700954551000,"isExternal":false,"player":{"embedUrl":"https://rutube.ru/play/embed/17aae58d503a68c299bb88ff17c59587/?autoStart=true&wmode=opaque","playerId":"rutube","videoUrl":"http://rutube.ru/video/17aae58d503a68c299bb88ff17c59587/","reqid":"1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","duration":644},"parentClipId":"1354097952726170357","href":"/preview/14388468628711556152?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","rawHref":"/video/preview/14388468628711556152?parent-reqid=1776236843881152-4599251313333082253-balancer-l7leveler-kubr-yp-klg-18-BAL","isEmbedOnly":false,"shouldPlayInstreamPreroll":false,"commentsDisabled":false}},"loadingStatus":"None"},"internal":{"videoId":"1354097952726170357","sandboxEventPrefix":"sandbox:","sandboxVersion":"0x906f9600bf4","isEmbedded":false,"from":"yavideo","service":"ya-video","hbPeriod":30,"table":"video_tech","isInstreamDisabled":true,"nonce":"4599251313333082253718","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":{"adult":{"default":"R-I-474674-135","mail":"R-A-13426421-23"},"regular":{"default":"R-I-48058-751","mail":"R-A-13411721-23"}},"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,"queryUriEscaped":"videoid%3A1354097952726170357","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":"1354097952726170357","source":"serp","selectEvent":"click"}]},"related":{"items":[],"pages":[],"loadingStatus":"None","nextPageNum":0,"ncrnd":0},"playlist":{"items":{}},"delayedViews":{"ids":[],"loadingStatus":"None"}}}