Showing Support

export class LiteYTEmbed extends HTMLElement { constructor() { super(); this.isIframeLoaded = false; this.setupDom(); } static get observedAttributes() { return ['videoid', 'playlistid', 'videoplay', 'videotitle']; } connectedCallback() { this.addEventListener('pointerover', () => LiteYTEmbed.warmConnections(this), { once: true, }); this.addEventListener('click', () => this.addIframe()); } get videoId() { return encodeURIComponent(this.getAttribute('videoid') || ''); } set videoId(id) { this.setAttribute('videoid', id); } get playlistId() { return encodeURIComponent(this.getAttribute('playlistid') || ''); } set playlistId(id) { this.setAttribute('playlistid', id); } get videoTitle() { return this.getAttribute('videotitle') || 'Video'; } set videoTitle(title) { this.setAttribute('videotitle', title); } get videoPlay() { return this.getAttribute('videoplay') || 'Play'; } set videoPlay(name) { this.setAttribute('videoplay', name); } get videoStartAt() { return this.getAttribute('videoStartAt') || '0'; } get autoLoad() { return this.hasAttribute('autoload'); } get autoPause() { return this.hasAttribute('autopause'); } get noCookie() { return this.hasAttribute('nocookie'); } get posterQuality() { return this.getAttribute('posterquality') || 'hqdefault'; } get posterLoading() { return (this.getAttribute('posterloading') || 'lazy'); } get params() { return `start=${this.videoStartAt}&${this.getAttribute('params')}`; } set params(opts) { this.setAttribute('params', opts); } set posterQuality(opts) { this.setAttribute('posterquality', opts); } get disableNoscript() { return this.hasAttribute('disablenoscript'); } setupDom() { const shadowDom = this.attachShadow({ mode: 'open' }); let nonce = ''; if (window.liteYouTubeNonce) { nonce = `nonce="${window.liteYouTubeNonce}"`; } shadowDom.innerHTML = `

`; this.domRefFrame = shadowDom.querySelector('#frame'); this.domRefImg = { fallback: shadowDom.querySelector('#fallbackPlaceholder'), webp: shadowDom.querySelector('#webpPlaceholder'), jpeg: shadowDom.querySelector('#jpegPlaceholder'), }; this.domRefPlayButton = shadowDom.querySelector('#playButton'); } setupComponent() { const hasImgSlot = this.shadowRoot.querySelector('slot[name=image]'); if (hasImgSlot.assignedNodes().length === 0) { this.initImagePlaceholder(); } this.domRefPlayButton.setAttribute('aria-label', `${this.videoPlay}: ${this.videoTitle}`); this.setAttribute('title', `${this.videoPlay}: ${this.videoTitle}`); if (this.autoLoad || this.isYouTubeShort() || this.autoPause) { this.initIntersectionObserver(); } if (!this.disableNoscript) { this.injectSearchNoScript(); } } attributeChangedCallback(name, oldVal, newVal) { if (oldVal !== newVal) { this.setupComponent(); if (this.domRefFrame.classList.contains('activated')) { this.domRefFrame.classList.remove('activated'); this.shadowRoot.querySelector('iframe').remove(); this.isIframeLoaded = false; } } } injectSearchNoScript() { const eleNoScript = document.createElement('noscript'); this.prepend(eleNoScript); eleNoScript.innerHTML = this.generateIframe(); } generateIframe(isIntersectionObserver = false) { let autoplay = isIntersectionObserver ? 0 : 1; let autoPause = this.autoPause ? '&enablejsapi=1' : ''; const wantsNoCookie = this.noCookie ? '-nocookie' : ''; let embedTarget; if (this.playlistId) { embedTarget = `?listType=playlist&list=${this.playlistId}&`; } else { embedTarget = `${this.videoId}?`; } if (this.isYouTubeShort()) { this.params = `loop=1&mute=1&modestbranding=1&playsinline=1&rel=0&enablejsapi=1&playlist=${this.videoId}`; autoplay = 1; } return ` `; } addIframe(isIntersectionObserver = false) { if (!this.isIframeLoaded) { const iframeHTML = this.generateIframe(isIntersectionObserver); this.domRefFrame.insertAdjacentHTML('beforeend', iframeHTML); this.domRefFrame.classList.add('activated'); this.isIframeLoaded = true; this.attemptShortAutoPlay(); this.dispatchEvent(new CustomEvent('liteYoutubeIframeLoaded', { detail: { videoId: this.videoId, }, bubbles: true, cancelable: true, })); } } initImagePlaceholder() { this.testPosterImage(); this.domRefImg.fallback.setAttribute('aria-label', `${this.videoPlay}: ${this.videoTitle}`); this.domRefImg?.fallback?.setAttribute('alt', `${this.videoPlay}: ${this.videoTitle}`); } async testPosterImage() { setTimeout(() => { const webpUrl = `https://i.ytimg.com/vi_webp/${this.videoId}/${this.posterQuality}.webp`; const img = new Image(); img.fetchPriority = 'low'; img.referrerPolicy = 'origin'; img.src = webpUrl; img.onload = async (e) => { const target = e.target; const noPoster = target?.naturalHeight == 90 && target?.naturalWidth == 120; if (noPoster) { this.posterQuality = 'hqdefault'; } const posterUrlWebp = `https://i.ytimg.com/vi_webp/${this.videoId}/${this.posterQuality}.webp`; this.domRefImg.webp.srcset = posterUrlWebp; const posterUrlJpeg = `https://i.ytimg.com/vi/${this.videoId}/${this.posterQuality}.jpg`; this.domRefImg.fallback.loading = this.posterLoading; this.domRefImg.jpeg.srcset = posterUrlJpeg; this.domRefImg.fallback.src = posterUrlJpeg; this.domRefImg.fallback.loading = this.posterLoading; }; }, 100); } initIntersectionObserver() { const options = { root: null, rootMargin: '0px', threshold: 0, }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting && !this.isIframeLoaded) { LiteYTEmbed.warmConnections(this); this.addIframe(true); observer.unobserve(this); } }); }, options); observer.observe(this); if (this.autoPause) { const windowPause = new IntersectionObserver((e, o) => { e.forEach(entry => { if (entry.intersectionRatio !== 1) { this.shadowRoot .querySelector('iframe') ?.contentWindow?.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); } }); }, { threshold: 1 }); windowPause.observe(this); } } attemptShortAutoPlay() { if (this.isYouTubeShort()) { setTimeout(() => { this.shadowRoot .querySelector('iframe') ?.contentWindow?.postMessage('{"event":"command","func":"' + 'playVideo' + '","args":""}', '*'); }, 2000); } } isYouTubeShort() { return (this.getAttribute('short') === '' && window.matchMedia('(max-width: 40em)').matches); } static addPrefetch(kind, url) { const linkElem = document.createElement('link'); linkElem.rel = kind; linkElem.href = url; linkElem.crossOrigin = 'true'; document.head.append(linkElem); } static warmConnections(context) { if (LiteYTEmbed.isPreconnected || window.liteYouTubeIsPreconnected) return; LiteYTEmbed.addPrefetch('preconnect', 'https://i.ytimg.com/'); LiteYTEmbed.addPrefetch('preconnect', 'https://s.ytimg.com'); if (!context.noCookie) { LiteYTEmbed.addPrefetch('preconnect', 'https://www.youtube.com'); LiteYTEmbed.addPrefetch('preconnect', 'https://www.google.com'); LiteYTEmbed.addPrefetch('preconnect', 'https://googleads.g.doubleclick.net'); LiteYTEmbed.addPrefetch('preconnect', 'https://static.doubleclick.net'); } else { LiteYTEmbed.addPrefetch('preconnect', 'https://www.youtube-nocookie.com'); } LiteYTEmbed.isPreconnected = true; window.liteYouTubeIsPreconnected = true; } } LiteYTEmbed.isPreconnected = false; customElements.define('lite-youtube', LiteYTEmbed); //# sourceMappingURL=lite-youtube.js.map

Video: Existing at the Intersection of Mental Health and Stigma | Isabella’s Story

Watch on YouTube

A strong support network can play an important role in the recovery process from mental health issues. You may not be sure how to react when someone tells you they are struggling with mental health issues, but with a bit of guidance, you can be the support they need to stay healthy.

How to be supportive

Offer to be available. Make sure that they know they are not alone. Express your concern and sympathy.

Listen more than you speak. Listen to them without immediately offering advice or dismissing their thoughts or feelings. If they choose to share personal information, respect their privacy and do not share it with others, unless they mention suicide. In that case, reach out to a professional for support right away.

Ask what you can do to help. You can leave this open-ended (“I want to know how I can best support you.”) or suggest specific tasks that might be helpful (“Can I drive you to your appointment?”).

Ask if they are getting the treatment that they want and need. If not, offer to research available resources and help them find effective care.

Reassure them that you care about them. Even if they don’t always feel like talking or spending time together, it can be comforting to know they have people who care about them.

If they mention suicide or self-harm

All talk of suicide needs to be taken seriously. As a friend, there are a few things you can do:

Take them to the nearest emergency room. If you are in the Ann Arbor area, the U-M Psychiatric Emergency Services is located at 1500 East Medical Center Drive. They can be reached at (734) 936-5900.
Need advice? If you are unsure and looking for guidance, call ot text 988 to be connected to the National Suicide & Crisis Lifeline. Professionals are available to talk 24/7/365.
If your friend refuses to seek help and is threatening immediate suicide or self-harm, don't wait. Call 911 immediately.

“When a friend is really struggling and turns to you, the best thing to do is simply just be there to listen to them. Listening isn’t telling them what to do, or how to feel, it is simply providing a listening ear, a shoulder to cry on, and unconditional kindness. A friend’s job is to show that someone is there to support, love and encourage them, not necessarily to fix their problems.”

— U-M student

Things you can do

Stay connected. Many people with mental illness tend to withdraw from loved ones. Continue inviting them to dinner, study, talk, or hang out. Encourage other members of their social network to do the same.

Educate yourself about their illness. This can help you to know what to expect. Learn more about the signs and symptoms of mental illnesses.

Support them in maintaining healthy routines. This includes getting enough sleep, eating a balanced diet, and exercising regularly. Avoid alcohol and other drugs, as these can make psychiatric medications less effective and dangerous.

What to say to a friend in crisis

Not sure what to say? You’re not alone. Sometimes it can be hard to tell which of our well-meaning comments will be helpful and which may actually hurt more than they help.

To help, here are some guidelines from the Depression and Bipolar Support Alliance for talking with someone who shows symptoms of a mental illness. Remember to use your own words. It's most important that your friend feels your support.

Things that help	Things Not to Say
I know you have a real illness, and that’s what causes these thoughts and feelings.	It’s all in your head.
I may not be able to understand exactly how you feel, but I care about you and want to help.	We all go through times like this.
You are important to me. Your life is important to me.	You have so much to live for– why do you want to die?
Tell me what I can do now to help you.	What do you want me to do? I can’t do anything about your situation.
You might not believe it now, but the way you’re feeling will change.	Just snap out of it. Look on the bright side.
You are not alone in this. I’m here for you.	You’ll be fine. Stop worrying.
Talk to me. I’m listening.	Here’s my advice…
I am here for you. We will get through this together.	What’s wrong with you? Shouldn’t you be better by now?

Remember to take care of yourself

Supporting someone with mental health concerns can sometimes feel overwhelming.

Make time for self-care and activities you find relaxing.
University Health & Counseling can help if you feel like you could use some support. They offer confidential counseling and mental health support for U-M students.
Consider joining support groups, which help families and friends of people with psychiatric disorders.

More resources

For more advice on how to help a friend, visit the Active Minds website
Explore ways to get involved in mental health activities on and off campus.
Learn about suicide prevention campaigns on campus