CBC Kids | Play Games, Watch Video, Explore

<!DOCTYPE html> <html lang="en"> <head> <meta property="fb:pages" content="234303596639900,564980490362398,185669354938012,980153248675210,9021636963,5823419603,630185150356988,82184406949,262275773829225,48363581912" /> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <title>CBC Kids | Play Games, Watch Video, Explore</title> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">  <meta name="description" content="Play free kids games, watch videos, and explore activities, quirky quizzes and fun facts. Watch Artzooka, Big Block Sing Song and more. " />  <meta name="twitter:card" content="Play free kids games, watch videos, and explore activities, quirky quizzes and fun facts. Watch Artzooka, Big Block Sing Song and more. "> <meta name="twitter:site" content="@cbckids"> <meta name="twitter:title" content=""> <meta name="twitter:description" content="Play free kids games, watch videos, and explore activities, quirky quizzes and fun facts. Watch Artzooka, Big Block Sing Song and more. "> <meta name="twitter:creator" content="@cbckids"> <meta name="twitter:image" content="http://www.cbc.ca/kidscbc2/content/images/Kids2_LOGO.png">  <meta property="og:title" content="" /> <meta property="og:type" content="blog" /> <meta property="og:url" content="https://www.cbc.ca/kidscbc2/" /> <meta property="og:image" content="http://www.cbc.ca/kidscbc2/content/static-images/FB_Share_Kids2_v2.jpg" /> <meta property="og:description" content="Play free kids games, watch videos, and explore activities, quirky quizzes and fun facts. Watch Artzooka, Big Block Sing Song and more. " /> <meta property="og:site_name" content="CBC Kids" /> <meta property="article:section" content="CBC Kids" /> <meta property="article:author" content="https://www.facebook.com/cbckidsca" /> <meta property="article:publisher" content="https://www.facebook.com/cbckidsca" /> <style> @font-face { font-family: 'corporative'; src: url('/kidscbc2/content/fonts/corporative-soft-reg/corporativesoft-regular-webfont.woff2') format('woff2'), url('/kidscbc2/content/fonts/corporative-soft-reg/corporativesoft-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jalebi'; src: url('/kidscbc2/content/fonts/jalebi/jalebi-webfont.woff2') format('woff2'), url('/kidscbc2/content/fonts/jalebi/jalebi-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } </style> <script> /* JSON object area */ </script>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="page-image" content="">  <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Bitter:400,400italic,700' rel='stylesheet' type='text/css'>  <link rel="stylesheet" href="/kidscbc2/styles/013d82c6.vendor" /> <link rel="stylesheet" href="/kidscbc2/styles/2.0-version-sb" /> <link rel="stylesheet" href="/kidscbc2/styles/2.0-version-cd" />  <script src="/kidscbc2/scripts/modernizr"></script> <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>  <script src="/kidscbc2/scripts/jquery.mobile.min.custom"></script> <script src="/kidscbc2/scripts/lightbox"></script> <script src="/kidscbc2/scripts/ie_update"></script> <script src="/kidscbc2/scripts/bootstrap"></script> <script src="/kidscbc2/scripts/now_leaving"></script> <style> /* new games */ .games .icon { background-image: url(/kidscbc2/content/static-images/icons/games-nav.png); background-repeat: no-repeat; background-size: 42px; background-position: 5px 12px, center; } nav .games .icon { background-image: url(/kidscbc2/content/static-images/icons/games-nav-new.png) !important; background-repeat: no-repeat !important; background-position: 0 0 !important; background-size: cover !important; } </style>      <meta name="google-site-verification" content="pnfobTsrsw6QijbIuk5n1OqfDO3IV0gYVZi-d9PY0qM" /> <script src="/kidscbc2/scripts/content_slider"></script> <script> window.location = "https://www.cbc.ca/kids/"; $(function (){ /*console.log('doc ready, AJAX load sliders');*/ self = ContentSlider; $.ajax({ url: "/kidscbc2/partials/ajax-slider_content", success: function(data) { //console.log('==> ajax load success'); $('#slider_placement_container').html(data); ContentSlider.init(); }, error: function(data) { console.log('==> ajax load fail'); } }); console.log('build btn test LEGACY-KIDS-PROD: build and deployed through git/bamboo'); }); </script> </head> <body class=""> <script type="text/javascript" src="/g/stats/js/cbc-stats-top.js"></script> <a href="/kids" id="top_banner"> <div class="container"> <h1>CBC Kids | Play Games, Watch Video, Explore</h1> </div> </a> <nav class="navbar-default container main-nav" style="margin:0 auto;"> <div class="main-nav"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed menu" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="menu-label">Menu</span> </button> <div class="visible-xs col-xs-6 kids-search pull-right">  </div> </div> <div class="collapse navbar-collapse" id="navbar-collapse"> <ul class="nav navbar-nav"> <li class="explore col-xs-12 col-sm-3 col-md-3"> <a href="https://www.cbc.ca/kidscbc2/explore" class="coloured-label "><span class="icon"></span>Explore</a> </li> <li class="videos col-xs-12 col-sm-3 col-md-3"> <a href="https://www.cbc.ca/kids/watch" class="coloured-label "><span class="icon"></span>Videos</a> </li> <li class="games col-xs-12 col-sm-3 col-md-3"> <a href="https://www.cbc.ca/kids/games" class="coloured-label "><span class="icon"></span>Games</a> </li> <li class="olympics col-xs-12 col-sm-3 col-md-3"> <a href="https://www.cbc.ca/kids/olympics/beijing2022" class="coloured-label active"><span>Beijing 2022</span></a> </li> <li class="col-xs-12 col-sm-3 col-md-3 kids-search hidden-xs">  </li> </ul> </div> </div> </nav> <div class="container page-home"> <main>  <div class="row promo_row"> <div class="col-xs-12 col-sm-12 col-md-9 main" role="main"> <h2>Latest and Greatest</h2>   <div class="explore quiz-poll tile col-xs-12 col-sm-8 col-md-8 left-tile lrg-tile"> <a class="tile_link" href="https://www.cbc.ca/kidscbc2/the-feed/how-well-do-you-know-dolphins-the-smartest-animals-of-the-sea"> <div class="image_wrap"> <img src="https://www.cbc.ca/kidscbc2/content/the_feed/dolphin_quiz_stub_header_update_1140.jpg" alt="" /> </div> <div class="caption_wrap"> <div class="icon"></div> <div class="coloured-label">Animal quiz</div> <div class="caption">How well do you know dolphins — the smartest animals of the sea?</div> </div> </a> </div>   <div class="explore article tile col-xs-12 col-sm-4 col-md-4 sm-tile"> <a class="tile_link" href="https://www.cbc.ca/kidscbc2/the-feed/weird-and-wonderful-bunnies"> <div class="image_wrap"> <img src="https://www.cbc.ca/kidscbc2/content/the_feed/weird_wonderful_bunnies_header_update_1140.jpg" alt="" /> </div> <div class="caption_wrap"> <div class="icon"></div> <div class="coloured-label">Fun Facts</div> <div class="caption">Weird and wonderful bunnies!</div> </div> </a> </div>   <div class="explore article tile col-xs-12 col-sm-4 col-md-4 sm-tile"> <a class="tile_link" href="https://www.cbc.ca/kidscbc2/the-feed/how-passover-is-celebrated-around-the-world"> <div class="image_wrap"> <img src="https://www.cbc.ca/kidscbc2/content/the_feed/passover_header_update_1140.jpg" alt="" /> </div> <div class="caption_wrap"> <div class="icon"></div> <div class="coloured-label">Holidays 101</div> <div class="caption">Passover: celebrating the story of Exodus</div> </div> </a> </div> </div> <div class="col-xs-12 col-sm-12 col-md-3 main left-tile left-col"> <h3>More Cool Stuff</h3> <div class="col-xs-12 col-sm-6 col-md-12 left-tile promo-tile"> <a class="post" href="https://gem.cbc.ca/season/detention-adventure/season-2/5d19db2c-1026-490c-9c2a-dc7837ea5d0f" target="_blank"> <div class="module sm-module"> <img src="https://www.cbc.ca/kidscbc2/content/the_feed/KIDS_DAS2-Promo.png"/> </div> </a> </div> <div class="col-xs-12 col-sm-6 col-md-12 left-tile promo-tile"> <a class="post" href="https://gem.cbc.ca/season/the-adventures-of-paddington/season-1/79d01fce-d8a4-4e52-bebf-9dd3c3255916" target="_blank"> <div class="module sm-module"> <img src="https://www.cbc.ca/kidscbc2/content/frontpage_feature/KIDS_PADDINGTON-HomePromo.png"/> </div> </a> </div> </div> </div> <div id="slider_placement_container"> <img src="/kidscbc2/content/static-images/ajax-loading.gif" style="width: 50px; height: 50px; margin: 20px auto; display: block;"/> </div> </main> </div> <div class="container footer-wrapper"> <div class="row primary-footer"> <div class="col-md-8 hidden-sm hidden-xs"> <a href="http://www.cbc.ca/parents/" target="_blank"><img src="/kidscbc2/content/static-images/label-parents.png" id="parents-logo" alt="CBC Parents logo"/></a>|<a href="http://www.cbc.ca/programguide/" target="_blank" id="tv-schedule"><img src="/kidscbc2/content/static-images/tv-schedule.png" id="tv-schedule" alt="TV Schedule"/></a> </div> <div class="col-xs-6 col-sm-9 visible-sm visible-xs"> <a href="http://www.cbc.ca/parents/" target="_blank">CBC Parents</a> <a href="http://www.cbc.ca/programguide/" target="_blank">TV Schedule</a> </div> <div class="col-xs-6 col-sm-3 col-md-3 pull-right"> <img src="/kidscbc2/content/static-images/CMF_logo.png" id="cmf-logo"/> </div> </div> <div class="row secondary-footer"> <div class="col-xs-12 col-sm-8 col-md-6"> <a href="https://cbc.radio-canada.ca/en/vision/governance/terms-of-use-digital-services" target="_blank">Terms of Use</a> <a href="https://www.cbc.ca/mycbc/cbc-and-your-data-1.5514726" target="_blank">Privacy</a> <a href="http://www.cbc.ca/aboutcbc/discover/copyright.html" target="_blank">Copyright</a> <a href="http://www.cbc.ca/aboutcbc/discover/policies.html" target="_blank">Other Policies</a> <a href="/kidscbc2/site/map">Sitemap</a> </div> <div class="col-xs-12 col-sm-4 col-md-4 pull-right copyright"> Copyright © CBC 2025 </div> </div> </div> <div id="cookies_popup_container"> </div>  <style> #cookies_popup_container{ width:100%; padding:1.2rem 0; position:fixed; bottom:0; z-index:949; display:flex; flex-wrap:wrap; justify-content:center; color: #FFF; } #cookies_popup_container .backing { background-color: #236bff; position: absolute; bottom: 0; height: 130px; display: block; z-index: -1; width: 100%; } #cookies_popup_container .noticeActions, #cookies_popup_container .noticeMessage{ /* margin:.2rem .5rem; */ display: inline-flex; } #cookies_popup_container .noticeMessage{ max-width:40rem; /* width: 70%; */ } #cookies_popup_container .noticeMessage a{ text-decoration: underline; color: #CCFF33 !important; } #cookies_popup_container .noticeActions{ font-weight:700; max-width:20rem; /* width: 30%; */ display:inline-flex; justify-content:center } .privacyNotification .noticeActions .noticeButton { background: transparent url(/kidscbc2/content/static-images/btn-cookie.png) left top no-repeat; border: none; width: 137px; height: 142px; text-indent: -9999px; overflow: hidden; } .privacyNotification .noticeActions .noticeButton:hover, .privacyNotification .noticeActions .noticeButton:focus { background: transparent url(/kidscbc2/content/static-images/btn-cookie-hover.png) left top no-repeat; } @media (max-width: 768px) { #cookies_popup_container { background-color: #236bff; } .privacyNotification { left: 5%; top: 10%; bottom: unset; width: 90%; text-align: center; } #cookies_popup_container .backing { display: none; } } </style>  <style> /* #cookies_popup_container { background-color: rgba(0,0,0,.6); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; position: fixed; display: none; } .privacyNotification{ font-family: "Quicksand-Bold", "Arial", serif; font-size: 26px; color: #FFFFFF; text-align: center; line-height: 28px; padding: 1.2rem 2em; margin: 0 auto; left: 25%; top: 25%; bottom: 25%; width: 50%; height: 50%; border: 3px solid #aaa; border-radius: 25px; } .privacyNotification .noticeMessage { max-width: unset; } */ </style> <script> const ROLLOUT_THRESHOLDS = [{ value: 0, activeDate: new Date("Sep 24 2018 11:00:00 GMT-0400").valueOf() }, { value: 0.25, activeDate: new Date("Oct 31 2018 10:00:00 GMT-0400").valueOf() }, { value: 0.50, activeDate: new Date("Oct 31 2018 11:00:00 GMT-0400").valueOf() }, { value: 0.75, activeDate: new Date("Oct 31 2018 12:00:00 GMT-0400").valueOf() }, { value: 1.00, activeDate: new Date("Oct 31 2018 13:00:00 GMT-0400").valueOf() }]; const PRIVACY_NOTIFICATION_COOKIE_NAME = "cbc_kids_privacy_notification"; const YOUR_DATA_AND_PRIVACY_LINK = ""; const POPUP_HTML_TARGET = "#cookies_popup_container"; const COOKIE_CONFIG = {'domain':'.cbc.ca'}; const ALERT_BODY = ` <div class="privacyNotification" id="privacyNotification" > <div class="noticeMessage"> <p>CBC Kids uses cookies in order to function and give you a great experience. Your parent or guardian can <a href="https://www.cbc.ca/mycbc/cookies/manage">disable the cookies by clicking here</a> if they wish.</p> </div> <div class="noticeActions"> <button class="noticeButton" aria-label="dismiss notification"> Close </button> </div> </div> <div class="backing"></div> `; const DEBUG_MODE = true; const trace = (msg) => {if( DEBUG_MODE )console.log(msg)} var showPopup = false; // ocelot/pod/client-web/dynamic/app/utils/cookies/library.js function createFeedCookie(name, value, days) {trace(`createFeedCookie(${name}, ${value}, ${days})`); if(typeof window === "undefined") {return;} // Set the expiration date to 1000 days, unless specified otherwise const dayInSeconds = 86400000; const defaultExpiryDays = 1000; const expiration = ( days ? days : defaultExpiryDays ) * dayInSeconds; let date = new Date(); date.setTime(date.getTime() + expiration); const expires = `; expires=${date.toUTCString()}`; // Set the cookie window.document.cookie = `${name}=${value}${expires}; path=/; domain=${COOKIE_CONFIG.domain}`; trace('set the cookie!') trace(window.document.cookie) return; } function getFeedCookie(name) {trace(`getFeedCookie(${name})`); if(typeof window === "undefined") {return;} const cookies = window.document.cookie.split(";"); let requestedCookie = null; cookies.forEach( (cookie) => { const cookieValues = cookie.split("="); if(cookieValues[0] && cookieValues[0].trim() === name) { trace('found cookie with needed prop'); requestedCookie = { name: cookieValues[0], value: cookieValues[1] }; } }); return requestedCookie; } function setFeedCookie(name, value) {trace(`setFeedCookie(${name}, ${value})`); if(typeof window === "undefined") {return;} const cookieExists = getFeedCookie(name); if(cookieExists) { //Delete the cookie if it exists, by setting the expiration date in the past document.cookie = `${cookieExists.name} +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`; } //Create the cookie with a new value createFeedCookie(name, value, 30); } // ocelot/pod/client-web/dynamic/app/components/PrivacyNotification/library/dateNow.js const getDateNow = () => { return Date.now(); }; // ocelot/pod/client-web/dynamic/app/components/PrivacyNotification/library/generateRolloutRank.js const generateRolloutRank = () => { return Math.random(); }; // ocelot/pod/client-web/dynamic/app/components/PrivacyNotification/component.js function shouldNotificationExecute() { trace('shouldNotificationExecute()') let cookie = getFeedCookie(PRIVACY_NOTIFICATION_COOKIE_NAME); if (! cookie) { trace('no cookie found, create one'); setFeedCookie( PRIVACY_NOTIFICATION_COOKIE_NAME, generateRolloutRank() ); cookie = getFeedCookie(PRIVACY_NOTIFICATION_COOKIE_NAME); const isCookiesSupported = (cookie != null); if (! isCookiesSupported) { trace(`SHOULD NOT SHOW POPUP, NOT SUPPORTED. ${cookie}`); return false; } } let cookieValue = +cookie.value; if (cookieValue === 1) { // The notification has already been executed for the client. trace('SHOULD NOT SHOW COOKIE, already shown'); return false; } let now = getDateNow(); let validThresholds = ROLLOUT_THRESHOLDS.filter(threshold => { trace(`THRESHOLD HIT POPUP CONDITION ${(now >= threshold.activeDate)}`); return (now >= threshold.activeDate); }); if (validThresholds.length === 0) { trace('DO NOT SHOW POPUP, NO TRESHOLDS'); return false; } let activeThreshold = validThresholds.sort((a, b) => { return (b.activeDate - a.activeDate); })[0]; if (cookieValue < activeThreshold.value) { trace('SOME MORE THRESHOLD STUFF, SHOW POPUP'); setFeedCookie(PRIVACY_NOTIFICATION_COOKIE_NAME, 1); return true; } trace('FINALLY, DO NOT SHOW POPUP'); return false; } var cookie_close, cookie_close_hover; $(document).ready(() => { trace(`DOC READY :: cookie popup PRIVACY_NOTIFICATION_COOKIE_NAME: ${PRIVACY_NOTIFICATION_COOKIE_NAME}`); cookie_close = new Image(); cookie_close.src = "/kidscbc2/content/static-images/btn-cookie.png" cookie_close_hover = new Image(); cookie_close_hover.src = '/kidscbc2/content/static-images/btn-cookie-hover.png'; showPopup = shouldNotificationExecute(); //showPopup = true; /// always show popup trace(` showPopup: ${showPopup}`); if (showPopup) { trace(`SHOW POPUP :: cookie popup cookies_popup_container: ${$('#cookies_popup_container')} `); $(POPUP_HTML_TARGET).html(ALERT_BODY); $(POPUP_HTML_TARGET).attr('role','alert') $(POPUP_HTML_TARGET).show(); $('.noticeButton').click(e => { trace('HIDE POPUP :: cookie popup'); $(POPUP_HTML_TARGET).hide(); }) } else { trace('HIDE POPUP :: cookie popup'); $(POPUP_HTML_TARGET).html(''); $(POPUP_HTML_TARGET).hide(); } }) </script>  </body> </html>

CINXE.COM

CBC Kids | Play Games, Watch Video, Explore