function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
seahorceseahorce 

Embedded Video in New Knowledge Base

Has anyone embedded video in the new Knowledge Base app?  I found an idea related to it, so I'm guessing it's not possible through the delivered article managment UI where the end user could easily embed the video themselves.  I'm sure it's possible with VF, but haven't seen anyone else who has done it.

 

Here's the link to the idea:  Embed Video in Knowledge Base

etienne.giraudyetienne.giraudy

SeaHorse,

 

In order to achieve this with the current version of Knowledge, you need to:

- add a text field to the article type, the user will for example copy and paste the embed code for a youtube video

- build a custom template in VisualForce.that will output the content of that text field without escaping

 

Etienne
Juan SpagnoliJuan Spagnoli

Here is it what I did:

 

1. First, in the Rich Textarea of my Article I wrote down my video like this: 

 

<div class="youtube">http://www.youtube.com/embed/vs9uzuRRrsU</div>

 

2. I created a Visualforce as a Template for my articles types

 

3. In the Visualforce I wrote:

 

<apex:page standardController="FAQ__kav" showHeader="false" sidebar="false" standardStyleSheets="false">


<apex:form >
	<apex:outputText escape="false" value="{!FAQ__kav.Rich_Description__c}"/>

<script language="javascript">

	var arrayElements = new Array();
	var elements = document.getElementsByTagName('div');
	
	for(var i = 0;i < elements.length;i++)
	{
        if(elements[i].className == 'youtube')
        {
        	var link = elements[i].innerHTML;
		elements[i].innerHTML = '<iframe src="' + link + '" frameborder="0" height="349" width="560"/>';
        }
	}        

</script>
</apex:form>
</apex:page>

 So when the article is rendered, It is shows with the youtube video frame. 

 

:)

 

Good Luck.
di_zoudi_zou

Hi,

 

I've been trying to figure out how to embed videos in a Knowledge Article. I followed your directions in creating the Visualforce Page. However, how do I set it so that when I click on the article, it uses the Visualforce page to render it?

 

Thannks.
Juan SpagnoliJuan Spagnoli

You have to use visualforce template for the article type. In your visualforce set your article type as StandardController, for example: standardController="FAQ__kav"

 

Anyway... On Summer '12 release salesforce is including support for html <iframe> tag, to embed multimedia content in articles:

 

Embed Multimedia Content in Articles
When enabled from the Knowledge Settings page, users can cut and paste <iframe> HTML elements to embed multimedia content in articles using the HTML editor

 

Release Notes:

https://prerellogin.pre.salesforce.com/help/doc/en/salesforce_summer12_release_notes.pdf

 

:)

 

Regards
di_zoudi_zou
Juan Spagnoli wrote:

You have to use visualforce template for the article type.


So I go to Setup->Knowledge->Article Types and then I click on the button that says "New Article Type." I don't see anywhere to select the Visualforce page I created as the template for me knowledge article. 

 

Juan Spagnoli wrote:

In your visualforce set your article type as StandardController, for example: standardController="FAQ__kav"

What do you mean by this? I already created a new Visualforce page in Setup->Develop->Pages that looks like the example you have above.
Juan SpagnoliJuan Spagnoli

Look at the top of the visualforce:

 

<apex:page standardController="Faq__kav" showHeader="false" sidebar="false">

 

"Faq" is the name of my Article Type, that is how salesforce links your visualforce to the article type.

 

For selecting the VF as template you need to open the Article Type's definition (Customize > Knowledge > Article Types > Your Type), and on the bottom you will find a section called "Channel Display", you have to edit it and set your visualforce's page.
di_zoudi_zou

Ok, I've got the Knowledge Article set up so that it uses my VF page as a template now. However, the video isn't showing up embedded. I just get a blank page.

 

My Article Type is "Video_Tutorial". I have a Rich Text Area with the label of "Tutorial" and a API Name of "Tutorial__c". In my Rich Text Area I have this:

 

<div class="youtube">http://www.youtube.com/embed/vs9uzuRRrsU</div>

 

My Visualforce page is named "VideoTutorialsPage". This is what it looks like:

 

<apex:page standardController="Video_Tutorials__kav">
<apex:form >
<script language="javascript">
    var arrayElements = new Array();
    var elements = document.getElementsByTagName('div');
    
    for(var i = 0;i < elements.length;i++)
    {
        if(elements[i].className == 'youtube')
        {
            var link = elements[i].innerHTML;
        elements[i].innerHTML = '<iframe src="' + link + '" frameborder="0" height="349" width="560"/>';
        }
    }        
</script>
</apex:form>
</apex:page>

This is how I have my Channel Displays setup:

 

Internal AppVideoTutorialPage
Partner PortalVideoTutorialPage
Customer PortalVideoTutorialPage
Public Knowledge BaseVideoTutorialPage

 
Juan SpagnoliJuan Spagnoli

I think you missed the:

 

<apex:outputText escape="false" value="{!Video_Tutorial___kav.tutorial__c}"/>

 after the <apex:form> tag.
di_zoudi_zou

When I add that back in, I just get the text in my Tutorial field displayed on the screen.
Juan SpagnoliJuan Spagnoli

This is how you VF has to look:

 

<apex:page standardController="Video_Tutorial__kav" showHeader="false" sidebar="false" standardStyleSheets="false">


<apex:form >
	<apex:outputText escape="false" value="{!Video_Tutorial__kav.Tutorial__c}"/>

<script language="javascript">

	var arrayElements = new Array();
	var elements = document.getElementsByTagName('div');
	
	for(var i = 0;i < elements.length;i++)
	{
        if(elements[i].className == 'youtube')
        {
        	var link = elements[i].innerHTML;
		elements[i].innerHTML = '<iframe src="' + link + '" frameborder="0" height="349" width="560"/>';
        }
	}        

</script>
</apex:form>
</apex:page>

 

Regards.
di_zoudi_zou

That's what it looks like. I just get the text displayed, I don't have a embedded video.
Juan SpagnoliJuan Spagnoli

Mmmm... maybe you are getting a JavaScript error. Please, check it with the Firefox's Errors Console. 
Test User 153Test User 153
Why Am i getting "Id value ka090000000QxZw is not valid for the FAQ__kav standard controller" error even when i am passing the correct Id. 
<apex:page standardController="FAQ__kav" showHeader="false" sidebar="false" standardStyleSheets="false">
<apex:form >
    <apex:outputText value="{!FAQ__kav.test__c}"/>
    <apex:outputText value="{!FAQ__kav.id}"/>
    <apex:outputText value="{!FAQ__kav.language}"/>
    <apex:outputText  value="{!FAQ__kav.publishStatus}"/>
    <apex:outputText value="{!FAQ__kav.ArticleNumber }"/>
    
    <apex:outputText  value="{!FAQ__kav.test__c}"/>
    <apex:outputText  value="{!FAQ__kav.test__c}"/>
</apex:form>
</apex:page>
jessiereedjessiereed
I'm trying to use this workaround to embed a wistia video in an article. Anyone know what the classname would be?
apk genkapk genk
This is also what I was looking for on Youtube Premium apk. They are very interesting and attractive, aren't they?
apk genkapk genk
youtube premium apk 2021 (https://apkgenk.com/youtube-premium/) will be one of your suggestions for where to provide the best music videos
Alex Hales 26Alex Hales 26
To include a video in your Knowledge Base article, copy the embedded HTML for the video you wish to use. Each supplier may give different versions of the code; please use the one that is provided professional video production services (https://animetus.com/).
leraldina Hendersonleraldina Henderson
Typically a knowledge base video will accompany a written article but when you edit it with professional editor like (https://thealightmotionapk.com/alight-motion-pro-apk/) then find a good result. The purpose of a knowledge base or help centre is to help customers learn how to use your product.
Goku ZeusGoku Zeus
Some devices, on the other hand, can represent a security concern if not installed and maintained appropriately.
https://www.lespannes.fr/kenmore/lave-vaisselles/
ron sulli 3ron sulli 3
to recover any knowledge base video from device use https://drfonecrack.com/
Muriel MayertMuriel Mayert
This is a workaround I'm attempting to incorporate into an article containing a Wistia video. What should we call this group of students? 
https://geometrydash-free.com
jack daniel 19jack daniel 19
It seems that embedding videos in the new Knowledge Base app is not currently possible through the delivered article management UI. Although there is an idea related to it, no evidence suggests that end users can easily embed videos themselves.Healing Thailand Capcut Template (https://thecapcut.com/healing-thailand-capcut-template/)It is likely that embedding videos is achievable through VF (Visualforce) customization, but no instances have been found where others have successfully implemented it in the app.