WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [New tool] Add captions to embedded YouTube videos

for

From: Chase, DJ
Date: Jan 21, 2024 6:43PM

Hello Sandy,

Thank you!

Yes it can! VTT Embed uses HTML's <video> (whereas YouTube uses <iframe>), so it's styling is up to you. If you use the code generated by VTT Embed, then the video will have the browser-default controls and styling. The focus-indicator should be the same as the one on the rest of your site, though.

You could also completely restyle the video controls though, if you prefer. This can be done the same way you would style any other <video> [1].

[1]: https://developer.mozilla.org/en-US/docs/Web/Media/Audio_and_video_delivery/Video_player_styling_basics

I hope this helps!

Cheers,
--
DJ Chase
Digital Accessibility Specialist, NECC
They, Them, Theirs
+1 978 556 3794

From: Sandy Feldman < <EMAIL REMOVED> >
Sent: Sunday, January 21, 2024 11:58
To: Chase, DJ; WebAIM Discussion List
Subject: Re: [WebAIM] [New tool] Add captions to embedded YouTube videos

[You don't often get email from <EMAIL REMOVED> . Learn why this is important at https://aka.ms/LearnAboutSenderIdentification ]

ATTENTION: This email is from an external source. Do Not click on any links or open any attachments unless you recognize the sender and know the content is safe. To report a suspicious email, please use the new phishing alert button in outlook

DJ, what an amazing thing! So - thought and question.

I am working on a site that has an embedded audio player. There are some
contrast problems I'd like to fix.

Also embedded YouTube videos have terrible focus colours. Can these
actually get fixed?! That would be SO GOOD. Is it possible?'

thank you!

Sandy
https://sandyfeldman.com/
https://www.a11yready.com/


On 2024-01-20 5:14 p.m., Chase, DJ wrote:
> Hi Everyone,
>
> I recently finished working on a tool that allows you to add captions to embedded external videos, and it just occurred to me that some of you here might get use out of that.
>
> There's a hosted instance [1] that you can use if you can't host your own. I also wrote an article talking about it [2] if you're interested.
>
> [1]: https://dj-chase.com/cgi-bin/vtt-embed.sh
> [2]: https://dj-chase.com/documents/announcing-vtt-embed.gmi
>
> Of course please let me know if you have any thoughts or questions.
>
> Cheers,
> --
> DJ Chase
> Digital Accessibility Specialist, NECC
> They, Them, Theirs
> +1 978 556 3794
> > > >