Video embedding only works with `![[wikilink]]` syntax in Published site

Steps to reproduce

Attempt to add a video to a note/page using HTML or Markdown syntax:

![video alt text](/absolute/path/to/video/file.mp4)

or

<video src="/absolute/path/to/video/file.mp4" controls></video>

And then publish the page.

Expected result

I expect a video embed to appear in the note/page on the published site.

Actual result

The video does not appear on the published site.

The video does appear when running locally (e.g. in the Windows app), but it does not appear on my published site.

Environment

  • Operating system: Windows 10/Firefox/Edge
  • Obsidian version: 0.12.12

Additional information

Video embedding does work on published sites using the wikilinks preview syntax:

![[absolute/path/to/file.mp4]]

Also, when using the HTML <video> element, the browser renders a player, but the video never loads. Looking at the network tab, it appears that the resource is never requested.

can’t repro. Post a screen recording of this happening in the help vault.

I hope I can’t publish to the Help vault… :sweat_smile: The videos embed correctly locally, but not on a published site.

I’ve amended the original post and title to clarify that it’s an issue with published notes.

ok, let me double check

It works for me. I am gonna need you to post a screen recording.

This is a screenshot of the published note, in Edge. Again, it looks fine in Obsidian in the preview (with 3 stacked videos).

This is the output of the following MD snippet:

![a video](/static/hairspray-chipping-haro/hairspray-chipping-haro.mp4)

<video controls>
	<source src="/static/hairspray-chipping-haro/hairspray-chipping-haro.mp4" type="video/mp4">
</video>

![[static/hairspray-chipping-haro/hairspray-chipping-haro.mp4]]

Source page: Hairspray Chipped Haro - Obsidian Publish

Which I’m going to edit back to an actual version soon since I don’t like it being broken…

why do you put a leading / in the markdown link?

I tend to use absolute paths as much as possible, so I give the asset path relative to the site/notebook root.