Insert Video

[Discourse]

	Summary	Insert Video adds a composer button that simplifies adding videos with subtitles (VTT format), a poster image and multiple video sources to a Discourse post.
	Preview	Preview on Discourse Theme Creator
	Repository Link	https://github.com/discourse/discourse-insert-video
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

Install this theme component

As this is an official theme component maintained by the Discourse team, support, bug, ux, and feature requests can be made in the respective categories here on Meta, and tagged with the appropriate theme component tag. Click on a link below to get one started.

 Support  Bug  UX  Feature

Features

Clicking the button triggers a modal window that allows uploading/linking the relevant files and then adds the appropriate HTML code in the composer:

Settings

Name	Description
default track label
default track langcode
only available to staff
disable download
text tracks as blobs	When using subtitles, download VTT files and inject as blob (fixes issues when using S3 storage or a CDN)

(For uploads to work, you’ll need to allow .vtt and your chosen video formats in the authorized extensions site setting.)

Translation	Default
modal.title	Insert Video
modal.video_title	Add video sources
modal.poster	Poster image (optional)
modal.vtt_title	Subtitles (optional)
modal.vtt_help	Comma-delimited, in the format: url,label,langcode
modal.insert	Insert
modal.cancel	Cancel
source_not_video	Error: One of the video source URLs is invalid.
composer_title	Insert Video
simple_list_placeholder	Add item…

Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.

Last edited by @JammyDodger 2024-06-13T07:09:42Z

Check document

Perform check on document:

[tomtjes (Thomas Reintjes)]

Sweet, thank you! Would it be possible to allow audio as well and just keep showing the poster image (or if none is available maybe a configurable background color) plus subtitles?

Also, and I realize this is a much bigger ask, would something like what the YouTube Timestamps Component does be doable with this component in the long-term? That’d be absolutely fantastic.

[Moin]

With which file types is this expected to work?

After adding two additional line breaks before inserting the video, I made it work with an MP4 file. But so far, I had no luck with a MOV file. And the ones I found here on Meta don’t seem to work either. For example:

@Discourse

The following is an example of AI Helper features within Composer. Note: there was already written content.

The following is an example of AI Helper’s “Explain” feature while reading a topic.

---

Never mind. I found the answer:

.mov is not working

From my tests: webm – works fine ogg – can work, but by default, you can’t select it because the mime type is not referenced here ; however, as workaround you can choose “all files” in the windows, and select your .ogg file, It will work. You should not be able to validate any files (even if restricted by authorized extensions setting) . mov – doesn’t work as it is, but it can if you remove manually type="video/mov" or use type="video/mp4" instead. This should be handled in th…

[Truest]

It would be nice if there was a button in the preferences to change the video icon, or if it was a different video icon. It’s the same as the Jitshi plugin icon, so it’s hard to tell the difference.

[putty (Derek Putnam)]

Can the video file be via a URL or does it need to be an uploaded file? The video that I want to use is 2.3GB (60-minute video). I tried increasing the max file size, but it doesn’t appear to be capable of something this large:

[Carlos_Leiva]

it would be great to integrate this theme component with specialized platforms such as Bunny Stream | A better way to deliver online video | bunny.net

This way you know you own your data, video storage doesn’t rely on Discourse or your server capabilities, and you pay for what you use. Ideally, you just customize your API settings on Discourse, enable the theme component, and when uploading videos, they’re automatically uploaded to bunny.net stream, and embedded into your discourse post properly without sweating it

[putty (Derek Putnam)]

We ended up finding a solution (DiscourseVideo) that uploads directly to Mux.

[efuetatem1 (Efuet A Andrew)]

@putty

finding a solution (DiscourseVideo)

Hey @putty, is that DiscourseVideo a plugin or what? After a search here, I’m unable to see it. Thanks

[NateDhaliwal]

I think this is it’s repo; the guide is there.

GitHub - discourse/discourse-video

[efuetatem1 (Efuet A Andrew)]

Thanks @NateDhaliwal, I’m trying to get a Discourse community that is using this DiscourseVideo plugin, so I can see the user experience for myself. @putty, if you are using it, I will be happy to know the URL of your community so I can see for myself.

Thanks

[putty (Derek Putnam)]

We are using the rep that @NateDhaliwal provided, but it is only visible to content admins. They are the only users in our community who have bumped against the standard file size.