Nextjs video help

[dark raven]

Hello, i am trying to put a video on my page, this is the code tsx <video className={styles.video} preload="none"> <source src="/video.mp4" type="video/mp4" autoPlay loop muted playsInline /> Your browser does not support the video tag. </video>

[lavish condor]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[dark raven]

But it doesnt work, video is in same folder as the component

[pallid maple]

As I remember, if you want to import something relative to the domain, you need to place it in the public folder. Otherwise, use the import statement.

https://nextjs.org/docs/pages/building-your-application/optimizing/static-assets

[dark raven]

Ahhh will try thanks

[dark raven]

Still the same

[pallid maple]

Are you sure that this is the src problem

i mean what you see

when app is running

[lavish condor]

✅ Success!

This question has been marked as answered! If you have any other questions, feel free to create another post

Jump to answer

[Click here](#1284937947602223114 message)

[dark raven]

nevermind, for some dumb reason i had to put width and height property, even tho they are ignored because i have classname

it works, thanks

tho, how ot remove this?

[pallid maple]

yep thats what i was thinking

[pallid maple]

dunno is not it browser feature