Jump to content

Adding Video Captions/Subtitles to Uploaded (Not Embedded) Videos

Go to solution Solved by paul2009,

Recommended Posts

Hi there,

I'm experimenting with uploading .mp4 videos directly to Squarespace rather than embedding YouTube/Vimeo videos. It works fine but there doesn't seem to be any way to add a caption file, and the video player doesn't include closed caption options when you click on the little gear icon. When I look at the code, it seems that Squarespace includes a <div class="plyr__captions"></div> for captions, but it's empty.

I thought I'd try uploading a caption file to Squarespace's CDN and then use a code block with <video> and <track> tags to create a player (thusly: https://developer.mozilla.org/en-US/docs/Web/Guide/Audio_and_video_delivery/Adding_captions_and_subtitles_to_HTML5_video) but before I go about reinventing the wheel ... does anyone have experience with adding subtitles/captions to an uploaded (not embedded) video in Squarespace?

Thanks in advance,

Prescott

 

Link to comment
  • Solution
6 hours ago, HeyItsPrescott said:

I'm experimenting with uploading .mp4 videos directly to Squarespace. It works fine but there doesn't seem to be any way to add a caption file, and the video player doesn't include closed caption options when you click on the little gear icon.

Squarespace-hosted videos are fairly new, with new features added iteratively. A captioning feature has not been added yet. 

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.