I use transclusion. My solution for me on OS X is the following.
First I create a new tiddler and name it video. The body of the tiddler is as follows
file:///Users/Mark/Desktop/Training Material/videos/$(currentTiddler)$
\end
<html>
<video controls=controls>
<source src=<<videoLink>> >
</video>
</html>
I define the folder where all of my videos will be located and it uses the tiddler name to build the path to the video.
I then fill in a generic HTML5 video template, that places the path to the video in the source tag.
I then create a new tiddler, I name it.
example.mp4
For the body of the tiddler, I enter
The braces indicate we are transcluding a tiddler. The double
exclamation points mean we are transcluding a specific field of a
tiddler, in this case the title. The double pipes is specifically used
for a template tiddler. The template tiddler is simply called 'video'.
When I use it in a tiddler, I simply write
{{example.mp4}}
and it shows the video.
Note this solution is not the best way to make custom video sizes or use poster images. I also rip all my videos through Handbrake to mp4 format.
Thanks
Mark Kerrigan