How to do transclsion in raw HTML?

[talha131]

I added a video to the TW using _canonical_url.

Now I want to link to that video in a tiddler body.

When it is images, the following syntax works

[img[ImageTiddler]]

But to embed video, I have to use raw HTML

<video controls width="250">
    <source src="[[Video Tiddler]]"
            type="video/mp4">
</video>

This does not work.

So how do I transclude the video tiddler inside src attribute?

​

[Saq Imtiaz]

Please see the section on "Transcluded Attribute Values" at https://tiddlywiki.com/#HTML%20in%20WikiText

[talha131]

Thank you Saq. I read the doc you linked to.

I tried

{{Test Video}}

It embeds the video into the tiddler.

But when I tried using {{}} in raw HTML as described in Transcluded Attribute Values, it did not work.

<video controls width="250">
    <source src={{Test}}
            type="video/mp4">
</video>

The HTML it generates is

<video controls="true" width="250"><p><source src="" type="video/mp4"> </p></video>

As you can see the src value is empty.

​

[Saq Imtiaz]

Assuming you saved the video location in a _canonical_uri field, try the form:

attr={{tiddler!!field}}

[talha131]

Thank you Saq. Now it’s clear, and I am so sorry for wasting your time. I should have picked the hint from your first answer.

This worked.

<video controls width="250">
    <source src={{Test!!_canonical_uri}}
            type="video/mp4">
</video>

​

[Saq Imtiaz]

No worries, glad it helped.