Hot Posts


WordPress adds support for video captions and subtitles

WordPress adds support for video captions and subtitles

WordPress 5.6 included a number of accessibility enhancements, such as the capability to use the Web Video Text Tracks Format (WebVTT) to add captions and subtitles to videos.

WordPress has been working to improve editors' and site visitors' access to its content management system. The newest theme, Twenty Twenty-One, is now the most accessible theme available in WordPress, thanks to the release of WordPress 5.6 Simone.

Your website's accessibility is prioritized with this default theme. In addition to meeting several additional specific standards from the Web Content Accessibility rules (WCAG) 2.1 at level AAA, it complies with WordPress' accessibility-ready rules. When you use accessible plugins and produce accessible content, you'll be able to fulfill the highest international accessibility standards!

They added the ability to add captions and subtitles to videos in addition to updating the theme. The Gutenberg editor now has the ability to add a Web Video Text Tracks Format (WebVTT) file when using the Video block.

WebVTT files are plain-text documents that mark up external text track resources in relation to the HTML element using the (soon to be) W3C specification. The WebVTT code is simple and functions roughly like video segments. Nevertheless, WebVTT provides a range of time together with the text that should show as a caption or subtitle within that timeframe rather than listing individual clips with start times and descriptions.

This is an example of a WebVTT file and video that I uploaded to WordPress with the new Video block. Enabling captions for the CleanMyMac review video will make the text in the.vtt file visible when you play it.

Although submitting the.vtt file to WordPress makes sense, I don't advise uploading videos. Large video streaming isn't ideal for WordPress hosting, even from the top providers. I advise you to upload it to a CDN like Backblaze B2 instead.

As an alternative, you might think about using Vimeo or Cloudflare Stream instead of the WordPress Video block completely. The.vtt format is supported by Vimeo and Cloudflare Stream, and they can be used in WordPress by utilizing the Custom HTML block.

Video transcripts are automatically generated for paid Vimeo accounts. If you have a Vimeo account, you may embed Vimeo films into a Custom HTML block to take advantage of their video search engine optimization without having to create and add transcripts.

Using a transcription service like Rev is the most effective approach to create WebVTT files. Coywolf employs a closed captioning service provided by Rev, which transcribes audio from videos into.vtt files.

If you wish to incorporate captions and subtitles into the video, Rev also supports a number of additional caption and subtitle formats.

This is the email for you if you enjoy reading about web technology and marketing, as well as the occasional random item. Nothing except advertisements. no backers. Not a spammer. Just current and fascinating stories. At any moment, unsubscribe.

This website is hosted on WPEngine and uses Fathom Analytics, which prioritizes privacy.

Post a Comment