</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <header class="header " style="" data-react-component="HeaderNavigation" data-props="{"siteName":"Center for Children\u0027s Health","siteKey":"cc","languages":{"enabled":false,"languageNodes":[]},"mainNav":[{"childPages":[{"highlighted":true,"indented":false,"title":"Adverse Childhood Experiences (ACEs)","link":"/abuse/","linkAriaLabel":"Adverse Childhood Experiences (ACEs)","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Abuse and Neglect","link":"/abuse/abuse-neglect/","linkAriaLabel":"Abuse and Neglect","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Data","link":"/abuse/data/","linkAriaLabel":"Data","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Early Detection Training","link":"/abuse/early-detection/","linkAriaLabel":"Early Detection Training","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Build-a-Bridge","link":"/abuse/build-a-bridge/","linkAriaLabel":"Build-a-Bridge","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Parenting Support","link":"/abuse/parenting-support/","linkAriaLabel":"Parenting Support","openInNewWindow":false},{"highlighted":true,"indented":false,"title":"Asthma","link":"/asthma/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Healthy Homes","link":"/asthma/healthy-homes/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Asthma 411","link":"/asthma/asthma-411/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":true,"indented":false,"title":"Healthy lifestyles","link":"/healthy-lifestyles/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Gardening","link":"/healthy-lifestyles/gardening/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"5210+ Every Day","link":"/healthy-lifestyles/5210/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":true,"indented":false,"title":"Injury Prevention","link":"/injury-prevention/","linkAriaLabel":"Injury Prevention","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Car Seat Safety","link":"/injury-prevention/vehicle/","linkAriaLabel":"Car Seat Safety","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Drowning Prevention","link":"/injury-prevention/drowning/","linkAriaLabel":"Drowning Prevention","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Gun Safety","link":"/injury-prevention/gun/","linkAriaLabel":"Gun Safety","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Poison Prevention","link":"/injury-prevention/poison/","linkAriaLabel":"Poison Prevention","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Safe Baby Sleep","link":"/injury-prevention/sleep/","linkAriaLabel":"Safe Baby Sleep","openInNewWindow":false},{"highlighted":true,"indented":false,"title":"Mental Health","link":"/mental-health/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Children’s Feelings Are a Work of Art","link":"/mental-health/youth-art/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Wellness Workshops","link":"/mental-health/workshops/","linkAriaLabel":"Wellness Workshops","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Okay to Say™","link":"~/link/76c71043a0074906aec2cfddefb4aa1f.aspx","linkAriaLabel":"","openInNewWindow":false},{"highlighted":true,"indented":false,"title":"Oral Health","link":"/oral-health/","linkAriaLabel":"Oral Health","openInNewWindow":false},{"highlighted":false,"indented":true,"title":"Save a Smile","link":"/oral-health/save-a-smile/","linkAriaLabel":"Save a Smile","openInNewWindow":false}],"title":"Child Health Information","link":"","linkAriaLabel":null,"openInNewWindow":false},{"childPages":[{"highlighted":true,"indented":false,"title":"Caregiver Education","link":"/caregiver-education/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Mental Health Education","link":"/caregiver-education/mental-health-education/","linkAriaLabel":"Mental Health Education","openInNewWindow":false}],"title":"Caregiver Education","link":"","linkAriaLabel":null,"openInNewWindow":false},{"childPages":[],"title":"Professional Education","link":"/professional-education/","linkAriaLabel":"Professional Education","openInNewWindow":false},{"childPages":[{"highlighted":false,"indented":false,"title":"Children\u0027s Oral Health Coalition","link":"/programs-and-coalitions/cohc/","linkAriaLabel":"Children\u0027s Oral Health Coalition","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Healthy Children Coalition for Parker County","link":"/programs-and-coalitions/parker-county/","linkAriaLabel":"Healthy Children Coalition for Parker County","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Hood County for Healthy Children","link":"/programs-and-coalitions/hood-county/","linkAriaLabel":"Hood County for Healthy Children","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Johnson County Alliance for Healthy Kids","link":"/programs-and-coalitions/johnson-county/","linkAriaLabel":"Johnson County Alliance for Healthy Kids","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Injury Prevention Collaborative","link":"/programs-and-coalitions/ipc/","linkAriaLabel":"Injury Prevention Collaborative","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Wellness Alliance for Total Children\u0027s Health","link":"/programs-and-coalitions/wellness-alliance/","linkAriaLabel":"Wellness Alliance for Total Children\u0027s Health","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Wise Coalition for Healthy Children","link":"/programs-and-coalitions/wise-county/","linkAriaLabel":"Wise Coalition for Healthy Children","openInNewWindow":false}],"title":"Community Partners","link":"","linkAriaLabel":null,"openInNewWindow":false},{"childPages":[{"highlighted":true,"indented":false,"title":"Child Health Data","link":"/data/","linkAriaLabel":"Child Health Data","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Child Health Summits","link":"/data/summit/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Community Health Needs Assessment (CHNA)","link":"/data/chna/","linkAriaLabel":"","openInNewWindow":false},{"highlighted":false,"indented":false,"title":"Data Dashboard","link":"/data/data-dashboard/","linkAriaLabel":"","openInNewWindow":false}],"title":"Child Health Data","link":"","linkAriaLabel":null,"openInNewWindow":false}],"utilityNavHidden":true,"leftUtilityNav":[],"rightUtilityNav":{"navButtons":[],"navDropdown":{"title":null,"childPages":null,"textColor":null,"backgroundColor":null}},"logo":{"homeUrl":"/","homeUrlAriaLabel":"Center for Childrens Health","logoSrc":"/siteassets/images/brand/logo-c4ch.svg","altText":"Center for Children\u0027s Health","openInNewWindow":false},"hideSearch":true,"searchBar":{"searchTitle":null,"menuIconUrl":"/siteassets/images/c4ch-logo.png","menuIconAltText":"Search","searchPlaceholder":"Search","searchButtonIcon":"/siteassets/images/icons/icon-watersafety.png","searchButtonAltText":"Search","searchPageUrl":"/","predefinedSearch":{"label":"Search","keywords":[]}}}"> </header> <main class="page-wrapper"> <main class="page-wrapper"> <div class="breadcrumb-wrapper container"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/"> <span class="breadcrumb-home-icon"> <svg width="26px" height="24px" viewBox="0 0 26 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Home</title><g id="Location-Detail-V1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Location-Detail-Desktop1" transform="translate(-225.000000, -160.000000)"><rect fill="#FFFFFF" x="0" y="0" width="1920" height="7434"></rect><g id="breadcrumb" transform="translate(225.000000, 155.000000)" fill="#147B94" fill-rule="nonzero"><g id="home-icon" transform="translate(0.000000, 5.000000)"><path d="M25.7400567,11.8588478 C25.7400567,11.8588478 25.7400567,11.8588478 25.7400567,11.8588478 L21.7667593,8.06530612 L21.7667593,2.15468871 C21.7667593,1.95050375 21.6048043,1.78930509 21.3996612,1.78930509 L17.4479579,1.78930509 C17.2428148,1.78930509 17.0808597,1.95050375 17.0808597,2.15468871 L17.0808597,3.57323689 L13.6042246,0.241797985 C13.2695175,-0.0805993283 12.7404643,-0.0805993283 12.4057572,0.241797985 L0.269925091,11.8588478 C0.0971730327,12.0200465 0,12.2457246 0,12.4714027 C0,12.7078274 0.086376029,12.922759 0.248331084,13.0839576 L1.03651235,13.8684578 C1.20926441,14.040403 1.42520448,14.115629 1.65194156,14.115629 C1.85708462,14.115629 2.0730247,14.040403 2.23497975,13.8899509 L2.75323593,13.4278481 L2.75323593,22.9815552 C2.75323593,23.1857401 2.91519098,23.3469388 3.12033405,23.3469388 L10.5270785,23.3469388 L15.4721062,23.3469388 L22.8788507,23.3469388 C23.0839938,23.3469388 23.2459488,23.1857401 23.2459488,22.9815552 L23.2459488,13.4385947 L23.764205,13.9006975 C24.1097091,14.2123482 24.6279653,14.2016017 24.9626724,13.8792043 L25.7508537,13.0947042 C25.9128087,12.9335056 26.0099817,12.7078274 25.9991847,12.4821493 C25.9991847,12.2457246 25.9128087,12.0200465 25.7400567,11.8588478 Z M10.9049737,22.6269181 L10.9049737,17.5867734 C10.9049737,16.4368897 11.844313,15.5019375 12.9995924,15.5019375 C14.1548718,15.5019375 15.0942111,16.4368897 15.0942111,17.5867734 L15.0942111,22.6269181 L10.9049737,22.6269181 Z M22.5117526,12.7723069 L22.5117526,22.6269181 L15.8392043,22.6269181 L15.8392043,17.5867734 C15.8392043,16.0285198 14.5651579,14.7604237 12.9995924,14.7604237 C11.4340268,14.7604237 10.1599804,16.0285198 10.1599804,17.5867734 L10.1599804,22.6269181 L3.49822918,22.6269181 L3.49822918,12.7723069 L8.79955796,7.94709377 L12.9240133,4.19653836 C12.9240133,4.19653836 12.9240133,4.19653836 12.9240133,4.19653836 C12.9348104,4.18579179 12.9456074,4.18579179 12.9564044,4.17504521 C12.9779984,4.16429863 12.9887954,4.16429863 13.0103894,4.16429863 C13.0427804,4.16429863 13.0751714,4.17504521 13.0967654,4.19653836 L22.5117526,12.7723069 Z M25.2325975,12.5681219 L24.4444162,13.3526221 C24.4012282,13.3956084 24.3256492,13.3956084 24.2716642,13.3526221 L13.5826306,3.65920951 C13.5610366,3.63771635 13.5394426,3.62696978 13.5178485,3.60547662 C13.2155324,3.3797985 12.7944493,3.36905192 12.4813362,3.60547662 C12.4597422,3.62696978 12.4381482,3.63771635 12.4165542,3.65920951 L2.87200297,12.3316972 C2.87200297,12.3316972 2.87200297,12.3316972 2.87200297,12.3316972 L1.73831758,13.3633686 C1.68433257,13.4063549 1.61955054,13.4063549 1.56556553,13.3633686 L0.777384261,12.5788685 C0.744993251,12.5466288 0.744993251,12.514389 0.744993251,12.4928959 C0.744993251,12.4714027 0.744993251,12.439163 0.788181265,12.4069233 L12.9132163,0.779126841 C12.9348104,0.757633686 12.9672014,0.746887109 12.9995924,0.746887109 C13.0319834,0.746887109 13.0643744,0.757633686 13.0859684,0.779126841 L17.1888298,4.70162749 C17.2967998,4.80909326 17.4587549,4.83058641 17.5883189,4.77685353 C17.72868,4.72312064 17.815056,4.58341514 17.815056,4.43296306 L17.815056,2.52007233 L21.0217661,2.52007233 L21.0217661,8.22650478 C21.0217661,8.32322397 21.0649541,8.41994317 21.1405331,8.49516921 L25.2218005,12.4069233 C25.2541915,12.439163 25.2541915,12.4714027 25.2649885,12.4928959 C25.2649885,12.5036425 25.2649885,12.5358822 25.2325975,12.5681219 Z" id="Shape"></path></g></g></g></g></svg> </span> </a> </li> <li class="breadcrumb-item"> <a href="/caregiver-education/"> <span>Caregiver Education</span> </a> </li> <li class="breadcrumb-item"> <a href="/caregiver-education/mental-health-education/"> <span>Mental Health Education</span> </a> </li> </ol> </div> <div class="interior-page"> <div class="top-content-wrapper"> <div class="hero-carousel"> <section class="carousel default"> <section class="hero-banner-fullwidth " style="background-color: #005CB9; color: #FFFFFF;"> <div class="container"> <div class="w-full"> <div class="content-area"> <div class="page-layout"> <div class="score-hero"> <H1 class=""> Roadmap for children’s mental health: A guide for parents and caregivers </H1> <div class="score-hero-body"> <div class="rich-text"></div> </div> <div class="score-call-to-action"> </div> </div> </div> <div class="page-layout score-hero-media"> <img src="/siteassets/images/mental-health/carousel-roadmap.jpg" alt="Mother and son hugging" title="Mother and son hugging" /> </div> </div> </div> </div> </section> </section> </div> <div class="content-wrapper"> <div class="document-header"> <h1 data-epi-type="title">Mental Health Education</h1> </div> <div class="content-area" data-epi-type="content"> <div class="top-content"> <div class="rte-content"> <div class="rich-text"><p>The <em>Roadmap for Children's Mental Health</em> is a series designed to provide valuable guidance and support for parents and caregivers navigating the complex world of children's mental health and well-being. This series emphasizes the importance of taking care of your child's mental well-being, just as you would their physical health.</p> <p>The key topics covered are <strong>building trusted relationships</strong>, <strong>managing technology and social media use</strong>, and <strong>tackling mental health stigma</strong>. Each part provides practical advice and strategies to help adults create a supportive environment for children.</p> <p>By focusing on these areas, the series aims to equip families with the knowledge and tools needed to foster resilience, promote positive mental health, and ensure that children grow up feeling safe, understood, and supported. Remember, taking proactive steps and seeking professional help when needed can make a big difference in a child's overall well-being.</p> <p class="bg-shade p-2"><em>Interested in getting educational materials for the families and children you serve? Email <a href="mailto:Jammie.Josephson@cookchildrens.org">Jammie.Josephson@cookchildrens.org.</a></em></p></div> </div> <section class="score-stripe mt-6 mb-6 default section-card-block left-align" style="" data-epi-type="content"> <div class="container"> <div class="w-full"> <div aria-label="Page Section" tabindex=0 class="section-header"> <H2 class=""> Key topics </H2> </div> <div class="content-area"> <div class=" page-layout"> <div class="media-card-wrapper pb-0"> <a href="/caregiver-education/mental-health-education/stigma/" aria-label="Stigma video series" class="media-card" target="_self"> <div class="image-wrapper"> <img src="/siteassets/images/mental-health/cover-stigma.jpg" alt="" /> </div> <div class="media-card-text"> <h4></h4> <div class="rich-text"><p><strong>Mental health and stigma </strong></p></div> </div> </a> </div></div><div class=" page-layout"> <div class="media-card-wrapper pb-0"> <a href="/caregiver-education/mental-health-education/relationships/" aria-label="Relationships video series" class="media-card" target="_self"> <div class="image-wrapper"> <img src="/siteassets/images/mental-health/cover-relationships.jpg" alt="" /> </div> <div class="media-card-text"> <h4></h4> <div class="rich-text"><p><strong>Trusted and supportive relationships</strong></p></div> </div> </a> </div></div><div class=" page-layout"> <div class="media-card-wrapper pb-0"> <a href="/caregiver-education/mental-health-education/technology/" aria-label="Social media video series" class="media-card" target="_self"> <div class="image-wrapper"> <img src="/siteassets/images/mental-health/cover-technology.jpg" alt="" /> </div> <div class="media-card-text"> <h4></h4> <div class="rich-text"><p><strong>Technology, social media and bullying </strong></p></div> </div> </a> </div></div> </div> </div> </div> </section> <section class="score-stripe mt-6 mb-6 default section-card-block left-align" style="" data-epi-type="content"> <div class="container"> <div class="w-full"> <div aria-label="Page Section" tabindex=0 class="section-header"> <H2 class=""> Guides for parents and caregivers </H2> </div> <div class="content-area"> <div class=" page-layout"> <div class="media-card-wrapper pb-0"> <a href="/caregiver-education/mental-health-education/red-flags-of-mental-health-is-this-a-crisis/" aria-label="Is this a crisis?" class="media-card" target="_self"> <div class="image-wrapper"> <img src="/siteassets/images/videos/mental-health-crisis.jpg" alt="" /> </div> <div class="media-card-text"> <h4></h4> <div class="rich-text"><p><strong>Red flags of mental health: Is this a crisis? </strong></p></div> </div> </a> </div></div><div class=" page-layout"> <div class="media-card-wrapper pb-0"> <a href="/caregiver-education/mental-health-education/what-to-do-while-you-wait/" aria-label="What to do while you wait for mental health services" class="media-card" target="_self"> <div class="image-wrapper"> <img src="/siteassets/images/videos/mental-health-waiting.jpg" alt="" /> </div> <div class="media-card-text"> <h4></h4> <div class="rich-text"><p><strong>What to do while you wait for services</strong></p></div> </div> </a> </div></div><div class=" page-layout"> <div class="media-card-wrapper pb-0"> <a href="/caregiver-education/mental-health-education/impact-of-childs-mental-health-on-family/" aria-label="Is this a crisis?" class="media-card" target="_self"> <div class="image-wrapper"> <img src="/siteassets/images/videos/mental-health-familyimpact.jpg" alt="" /> </div> <div class="media-card-text"> <h4></h4> <div class="rich-text"><p><strong>Impact of child's mental health</strong></p></div> </div> </a> </div></div> </div> </div> </div> </section> <div class="rte-content"> <div class="rich-text"><h2 style="margin-top: -40px;">Coping cards</h2> <p>Each card gives you an activity to try when your feelings get really big or overwhelming. The activity will give your body and your brain a chance to catch up to the feelings and help you know why you feel the way you do.</p> <p>Cada tarjeta te ofrece una actividad que puedes probar cuando tus sentimientos se vuelven realmente difíciles de manejar o cuando aparecen todos a la vez. La actividad le dará a tu cuerpo y tu cerebro la oportunidad de ponerse al día con los sentimientos y te ayudará a saber por qué te sientes así.</p> <ul> <li><a title="Coping card - English" href="/siteassets/documents/mental-health/copingcards.pdf" target="_blank" rel="noopener">Child coping cards - English</a></li> <li><a title="Child coping cards - Spanish" href="/siteassets/documents/mental-health/copingcards_spanish.pdf" target="_blank" rel="noopener">Child coping cards - Spanish</a></li> <li><a title="Teen coping cards - English" href="/siteassets/documents/mental-health/copingcards_teen.pdf" target="_blank" rel="noopener">Teen coping cards - English</a></li> <li><a title="Teen coping cards - Spanish" href="/siteassets/documents/mental-health/copingcards_teen_span.pdf" target="_blank" rel="noopener">Teen coping cards - Spanish</a></li> </ul></div> </div> <div class="section-hero-block image mt-6 mb-6 " style="background-color: #005CB9; color: #FFFFFF;"> <div class="page-layout"> <img src="https://www.cookchildrens.org/siteassets/images/resources/behavior/mediacard-sq-behavor-emotions.png" alt="Illustration of mother holding daughter" title="Illustration of mother holding daughter" /> </div> <div class="page-layout"> <div class="score-section-hero"> <h2> Behavior and emotion resources </h2> <div class="score-hero-body rich-text"> <div class="rich-text"><p>Coping with emotional or behavioral issues is hard. We get it, and that’s why we’ve put together resources to help you take those first steps on your journey toward better mental health. </p></div> </div> <div class="score-call-to-action"> <div data-react-component="DropdownSelectV2" data-props="{"label":"Select a topic...","showLabel":false,"defaultValue":"Select a topic...","options":[{"name":"ADHD Resources","value":"https://www.cookchildrens.org/health-resources/mental-health/adhd/","isExternalLink":false,"target":null},{"name":"Anxiety Resources","value":"https://www.cookchildrens.org/health-resources/mental-health/anxiety/","isExternalLink":false,"target":null},{"name":"Behavior Resources","value":"https://www.cookchildrens.org/health-resources/mental-health/behavior/","isExternalLink":false,"target":null},{"name":"Depression Resources","value":"https://www.cookchildrens.org/health-resources/mental-health/depression/","isExternalLink":false,"target":null},{"name":"Substance Abuse Resources","value":"https://www.cookchildrens.org/health-resources/mental-health/substance-abuse/","isExternalLink":false,"target":null},{"name":"Self Injury/Suicide Resources","value":"https://www.cookchildrens.org/health-resources/mental-health/self-injury-suicide/","isExternalLink":false,"target":null}],"classes":"white","componentName":"DropdownSelectV2"}"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <script defer="defer" src="/Util/Find/epi-util/find.js"></script> <script> document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}}) </script> </main> <footer class="footer" > <div class="footer-wrapper bg-lightgrey"> <div data-react-component="FooterNavigation" data-props='{"upperFooter":{"upperFooterCol1":[{"childPages":[],"title":"About Center for Community Health","link":"/about/","linkAriaLabel":"About The Center for Community Health","openInNewWindow":false}],"upperFooterCol2":[{"childPages":[],"title":"Child Health Data","link":"/data/","linkAriaLabel":"Child Health Data","openInNewWindow":false}],"upperFooterCol3":[{"childPages":[],"title":"Community Partners","link":"/programs-and-coalitions/","linkAriaLabel":"Community Partners","openInNewWindow":false}]},"lowerFooter":{"socialButtons":[],"copywriteText":null},"topBorderColor":"#F99D20"}'></div> <div class="middle-footer"> <div class="container flex-wrap pb-14"> <div class="container full-width "> <div class="score-column1"> <div class="score-center"> <div class="rich-text "> <div class="rich-text"><div style="text-align: center !important;"> <p style="padding-top: 20px; text-align: center !important;">This site maintained for the benefit of the children in our community by Cook Children's.</p> <p style="text-align: center !important;">Copyright Cook Children's Health Care System<br />Fort Worth, Texas | <a style="white-space: nowrap;" title="682-885-4162" href="tel:+1-682-885-4162">1-682-885-4162</a></p> </div></div> </div> </div> </div> </div> </div> </div> </div> </footer> <script defer="defer" src="/Util/Find/epi-util/find.js"></script> <script> document.addEventListener('DOMContentLoaded',function(){if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();}}) </script> <script rel="preload" src="/dist/vendor.js?v=1.0.0.504911232000000000" as="script"></script> <script rel="preload" src="/dist/main.js?v=1.0.0.504911232000000000" as="script"></script> <!-- Youtube Iframe API implementation start --> <script> const ytIframeScript = document.createElement('script'); ytIframeScript.src = "https://www.youtube.com/iframe_api"; const firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(ytIframeScript, firstScriptTag); var player; function onYouTubeIframeAPIReady() { console.log('Youtube iframe API ready!'); const ytPlayers = document.querySelectorAll('.youtube-iframe'); if (ytPlayers.length > 0) { ytPlayers.forEach((ytPlayer) => { player = new YT.Player(ytPlayer.id, { height: '315', width: '560', videoId: ytPlayer.dataset.id, playerVars: { 'playsinline': 1, 'rel': 0, 'enablejsapi': 1, 'autoplay': 0, 'frameborder': 0 }, events: { 'onReady': onYTPlayerRead, 'onStateChange': onYTPlayerStateChange } }); }); } } function playVideo(event) { event.target.playVideo(); } function onYTPlayerRead(event) { let currentPlayer = event.target.g; currentPlayer.parentElement.addEventListener('click', () => { console.log(currentPlayer.parentElement); playVideo(event); }); currentPlayer.parentElement.addEventListener('keyup', (e) => { if (e.keyCode === 13) { playVideo(event); } }); } function onYTPlayerStateChange(event) { let currentPlayer = event.target.g; if (event.data == YT.PlayerState.PLAYING) { currentPlayer.parentElement.classList.add('yt-playing'); currentPlayer.parentElement.style.background = null; } } </script> <!-- Youtube Iframe API implementation end --> </body> </html>