You can insert videos in the body of your Help Center knowledge base articles, either through the article editor toolbar, or by embedding code in your article.
Inserting videos from the article editor toolbar
- Vimeo
- YouTube
- Wistia
- JWPlayer
- Brightcove
- Vidyard
- Loom
If you are using Web Widget on your website or Help Center, your end-users can stream videos in Help Center articles directly in the Web Widget. To display correctly in the Web Widget, videos must be publicly available, and hosted on one of the supported third-party services.
To insert a video in an article using the article editor toolbar
- Copy the URL for your video.
Your video must be hosted on Vimeo, YouTube, Wistia, JWPlayer, Brightcove, Vidyard, or Loom. If your video is on one of the supported services, you can use this procedure to insert your video. You do not need to enable the option to allow unsafe content in your Help Center to do so.
Note: If your video is not hosted on a supported provider, you'll need to insert the video by embedding code). - In Help Center or Guide Admin, edit an existing article or create a new article.
- Place your cursor where you want the video to appear, then click Add video on the editor's toolbar.
- Paste the video's URL in the dialog box.
Note: To insert a video created using JWPlayer, use the URL format content.jwplatform.com/players/<video id>-<player id>
A preview of the video appears.
- Click Insert.
- When you are ready, click Save.
Inserting videos by embedding code
If your video is hosted on a non-supported service, use the article source code editor to add the video’s embed code to insert the video. Be aware that this means you must allow unsafe HTML (see Allowing unsafe HTML in pages).
If you prefer not to host your videos on a public service, see Embed videos in two easy steps using video.js for another solution.
64 Comments
Good afternoon,
I have followed your instructions in this article (including enabling unsafe html), and I am able to see the videos displaying (and playing correctly) as I post my article from the agent's editing mode. However, after my article is posted, my article appears with only text (no video) from both the "Show in Help Center" button and the route my customers would take.
Do you have any insight into solving this problem?
Thank you!
@Jack
Your video is being stripped out because of a security settings design to prevent cross site scripting.
If you trust your editors not to put bad content on your portal, you can disable the setting under: Guide settings > Security.
Make sure Display Unsafe Content is checked.
Hi there.
I've just embedded a video and it's showing up in the article but there's no sound. Is there some separate setting to make sure that sound is included when doing this?
Thanks
Hey Jonathan -
Apologies for the delayed response, but welcome to the Zendesk Community!
Which third-party service are you using for the video?
Thanks Nicole. The video is hosted on YouTube.
ok. And it's safe for me to assume you're not having any audio issues with the version on YouTube?
That's correct. No issues with the original video, only the version that was embedded.
Check to see if there are any errors displaying in the web console when the video is playing and let us know if there are.
I'd also suggest removing it, saving the article, and then re-adding it back in, in case there is some kind of caching issue that's causing the problem.
All working now as it should be, Nicole. I updated the links we were using. Thanks for the help :)
Glad to hear it, Jonathan! Let us know if anything else comes up. We're always here to help.
Thanks, I have my videos showing on my article, but they are not centred, they show on the left. I have selected the video and set the alignment to centre
, but they stay on the left. Any suggestions?
Hey Keith!
I did some testing on this in my own instance but didn't have any luck getting the video centered. The only solution I can think of is to increase the size of the video itself (ie: height and width at 100%) so that it takes up more screen real estate. It may also be possible to make modifications to the embed code itself, but I don't know for certain.
If make a vimeo or youtube video that anyone with the link can see, but is not available in the video platform search, will that work when embedded in Zendesk guides?
Hey Maria -
I'm pretty sure that should work, but I'm checking on this for you. Standby!
Hi Maria -
The official word is that it should work. As long as you're using the embed code, that gives access; the embedded video has no way of verifying identity.
Give it a try and let us know if you run into any problems!
Hey ZenDesk - Our videos stopped showing up in articles on 4/5 of our customer service sites and after reading your article, I noticed that the "Display Unsafe Content" wasn't checked in guide settings for these 4... not sure how that happened, and I've re-checked those boxes now... but would love to know if there's a way to get back all those embedded videos that were stripped out, without having to manually go into each and every article & add them back in?
Hey Sarah -
Welcome to the Zendesk Community! That does sound like a pain. I'm not certain there's an easy way to do this, but I've asked our support team to take a look.
Hey Sarah!
In my testing once I had successfully embedded a video in my article, then disabled the option for Display Unsafe Content, the video is displaying again after I enabled Display Unsafe Content once more. Are you not experiencing this?
Thanks Nicole & James. Videos didn't seem to come back right away when I enabled "Display Unsafe Content". So I went in and manually added one back in myself... and I was waiting on ZenDesk's response before doing the rest. But then the rest of the videos came back without me having to do any further intervention... sooooo happy that this manual effort won't be necessary!
Hey Sarah -
Glad to hear they came back for you! Let us know if there's anything else we can help with. :)
Hi! We're going to set up a Zendesk guide and would like to include video in our articles. We're questioning which third-party video hosting service to choose. Our main concern would be that we only want people with a Zendesk access to be able to access the video - so basically apply the Zendesk logins to the video hosting service. Any recommendations about this ? Thanks!
Hi Victoria -
I don't have any recommendations for you beyond what is listed in the article. However, I see that this is your first post and wanted to welcome you to the Zendesk Community! I encourage you to head over to the Welcome Thread in The Lounge to introduce yourself.
We look forward to seeing you around the Community. Happy Zendesking!
Is there a way to make videos responsive so the size adjusts with a change in window size, and for mobile web?
Hi Jackie -
At the moment, there is not. However, I encourage you to suggest it in the Product Feedback topic.
We host our videos on Wistia and have them set to auto play, however, when I upload them to an article in Zendesk, some videos play automatically and some do not. Any reason? Is there something in the code I can toggle for the ones that don't auto play?
Hi Katie! Welcome to the Community!
My educated guess is that there's a code snippet that makes that determination, and whether that code snippet appears depends on the settings on the video when you generate the embed code block in Wistia. But that's just a guess.
Would you be able to post the code for a video that auto-plays, and a video that does not? Maybe we can figure out what's going on buy doing a side-by-side comparison.
Hi Jessie,
I'm thinking this has something to do with me sharing the article to a different section. I've compared each code and can't see a difference. I've also checked my settings in Wistia and they're set to auto play.
This video does not auto play:
<p><iframe src="//fast.wistia.com/embed/iframe/ipbzimpd" width="560" height="315" frameborder="0" allowfullscreen=""></iframe></p>
<p>gjjtyjrt.</p>
This video auto plays:
<p><iframe src="//fast.wistia.com/embed/iframe/fft5sien" width="560" height="315" frameborder="0" allowfullscreen=""></iframe></p>
<p>hjhyghj</p>
Hello Katie,
I tried embedding the code you have offered and was unable to find the videos you referenced in order to test. I would like to spin up a ticket and see if there is additional information I can gather for testing purposes. You should be getting a notification from me shortly.
Hi there,
I'm trying to a video that is currently hosted on JW Player, but none of the JWPlayer URLs are working to add a video with the supported integration. Can you advise what the supported URL path is for JWPlayer videos?
The paths I've tried are:
https://content.jwplatform.com/players/*
https://jwp.io/s/*
Currently, I'm only able to add my JWPlayer hosted video by adding an iframe to the source code.
Thanks,
Kristy
Hi everyone,
Just an FYI that we added Vidyard as a supported video hosting service and I updated the list of supported providers in this article.
Thanks!
Please sign in to leave a comment.