Video in Tiddler

#1

Can someone explain why I get the error message “javascript error - ResizeObserver loop completed with undelivered notifications” in every browser (except in FF) when I run the script below?

<video width="100%" height="100%" controls poster="./media/20251224/Silent-Night-Poster-1.jpg">
<source src="./media/20251224/Silent-Night-2021-Official-Trailer.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

If I leave the ‘poster field’ blank, it runs smoothly and no error message appears.
Regard,

1 Like
#2

The following may, I hope, or may not be useful: ResizeObserver loop completed with undelivered notifications.

#3

In addition to the above there are a range of possibilities to embed links to video services like YouTube but also see this discussion where iframes are used TiddlyTools in-wiki Browser is super-useful

#4

I am not 100% sure, but I think I have seen this error message somewhere else and it seems to be browser related. You may make a global search, with just that error message.

It’s probably not TW related.

#5

I’m not able to reproduce the error with a fresh empty tiddlywiki with only one tiddler with the following content:

<video width="100%" height="100%" controls poster="files/poster.jpeg">
<source src="files/video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

(single html and node.js versions).

The error occurs when ResizeObserver callbacks change the size of the elements it observes. As mentioned, some browser extensions do this. It may thus be helpful, to begin with, to see if the error persists if you disable all extensions (if any) (You may already have done that.)