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… 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.
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.