Knowledge: Video not playable - Play-Button grayed out (not embedded)

[Tschewski]

Hi guys,

I would like to add videos to knowledge articles.

Like I have read the docs there are two ways to put a video in an article:

1. Embed the video code in source code of the article (works)

2. Insert/edit video and put video URL in associated field (not working)

If I use the second method the video is inserted in the article body, but the play-button is grayed out. I already set the html-sanitizer = false.

Maybe good to know:

• I tried this on my dev instance, where knowledge is ootb. (except the html_sanitizer attribute)
• the play-button seems to be greyed-out on form load

Does anyone know, if there is any other configuration needed, to set the play-button available?

Thanks for your help!

Regards,

Dominique

[Lorenzo Stermie]

Hello,

Can you show how your HTML looks?

Does the video URL play on other platforms, like have you tried running it on W3 Schools?

https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default

[Tschewski]

Hi,

the HTML Code is this:

<p><video src="https://www.youtube.com/v/oxqi3vChdP0" controls="controls"></video></p>

It seems, that the link is changed when insert into the article: https://www.youtube.com/watch?v=oxqi3vChdP0

But that seems to make no difference, it is also not playable.

I tested the video on w3schools and I am also not able to push the play button.

Any other ideas? 🙂

Thank for your help!

Regards,

Dominique

[Lorenzo Stermie]

I see what the problem is, it's not a SN issue, it's just how YT wants you to format the link to embed it's videos.

try to replace your link with: https://www.youtube.com/embed/oxqi3vChdP0

[Miguel Donayre]

Hello @Tschewski 

I just answered this in a couple of different posts -

 Here and Here

In the HTML body of the article click on the "source code button" 

I am using this video-

<iframe width="560" height="315" src="https://www.youtube.com/embed/VhoXY_rOUio" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

When the souce code editor opens drop that code into where you want it to appare . I just dropped in at the top

That should work for you