[BUG] Video Markdown links to YouTube are not getting displayed

[DevTKSS]

using the provided template, the DocFx known Markup for this is not showing the video with e.g. iFrame:

[!Video [Navigation in Xaml und Mvux mit Navigation View](https://youtu.be/knt2oOjHH30?si=PNgis0v9ZTR4LRsF)]

[mikernet]

Have you tested that it works with just the default theme?

I think your syntax is incorrect. With your code above, I get the following warning in docfx build output:

C:\Projects\....\Docs\index.md: warning invalid-note-section: Text in the first line of Note/Section/Video is not valid. Will be rendered to <blockquote>

When I put this in the md file, videos work:

> [!Video https://www.youtube.com/embed/Sz1lCeedcPI]

But....it does definitely need the styling to be fixed:

If you would like to PR a fix that stretches the video out to fill the content area then I'll definitely merge it :)

[DevTKSS]

Checked on the video Markup on docfx repo with their team, seems like their docs are missing some details about this.
For you as note to know them too:

We need to use medialinks if the link we getting is youtu.be/ or need to modify each link to be like this: youtube.com/embed/ (I might messed up with the casing right now so just eyes on the dots and extension. You can take a look on my SampleApps repo on the PR 11 which has those links for example.
I did change most of the video links to medialinks syntax as its very similar to image links but both of them are having the small mediasize problem. But as I did already comment the template to check if docfx messed up, I can say, this is already bad from theor side. I don't know if you can fix those things in a template?🤔

[mikernet]

You're not sure if what can be fixed in the template? The sizing or the URL issue? The URL needs to be in a format that their parser will recognize. I'm not going to change that in my template.

The video shows fine on the default template, at full width. My template is missing appropriate styling to make video stretch out like the default template. If you want to PR a fix for that so it stretches out the video then I can merge that in. I haven't looked to see if it's just a css issue or also needs JS or what, would need to inspect how the default template does it and apply the same thing here accordingly.

[DevTKSS]

@mikernet linking the docfx issue with the different syntax details
dotnet/docfx#10739

[DevTKSS]

@mikernet I was meaning that the sizing of the video could be more responsive like you mentioned. I don't think that I would be any help with html/css things never worked with it.

[mikernet]

No worries, I'll take care of it when I can :)