Video's in wappler

Why is it so hard to get a youtube video to run in Wappler?
I used AI to do a page for this, looks like a nice page but when you add a youtube link nothing happens/

Follow this video:

Well not really a Wappler issue. To display a YouTube video on your page you need its embed code, not its url.

Thanks All
I looked in NPM and only found a youtube extension not the wappler version is this the same?

I found the wappler youtube player added it to the extensions said it loaded OK, everything good so far. Using Docker as the server it's up and running and connects. Page made. Now when I go to components I do not see the player. I have reloaded the page, closed the project and restarted and still no youtube ext. What have I done wrong

Hello Ben you are on top of things thanks

It's the Wappler UI that is the problem (bug?). Try

still not there. the layout is but not youtube

Follow the video again in case you missed something.

Ben is there a way to check that the player is loaded correctly in wappler?

hello Ben
I did a terminal load of wappler-youtube-player
this is the readout in the terminal

D:\optics>npm i wappler-youtube-player
npm warn deprecated npmlog@6.0.2: This package is no longer supported.
npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported
npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
npm warn deprecated are-we-there-yet@3.0.1: This package is no longer supported.
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated @npmcli/move-file@1.1.2: This functionality has been moved to @npmcli/fs
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported
npm warn deprecated gauge@4.0.4: This package is no longer supported.

added 91 packages, and audited 428 packages in 1s

53 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

any thoughts?

I have just now placed two YouTube videos on this page using the same technique as shown in the video above: https://bayside-properties.com.au/

No problem. Make sure that <script src="/js/dmx-youtube-player.js" defer></script> is shown on the page.

The extension is an app connect extension,not a server extension, so may need to be installed using the correct Wappler procedure rather than via terminal.

1 Like

Hello Ben
I have added that extension a dozen times with the same result. I was grasping at straws trying the terminal method.

Hello Ben
After many reboots and saves the youtube player did show up and works fine after I viewed your tutorial on videos.
Thanks again

1 Like