[FEATURE] Integrate video.js to the landing page

[rohitdasu]

Description

We currently feature a video demo on our landing page using a basic Vimeo player. To enhance customization options and improve the visual appeal, we aim to integrate video.js. This upgrade will provide us with a wider range of customization possibilities, ensuring a more polished and visually pleasing presentation.

Current state:

[rohitdasu]

https://www.npmjs.com/package/video.js/v/7.0.3

[mfrezghi]

Hey @rohitdasu, can I take this issue?

[rohitdasu]

Hey @rohitdasu, can I take this issue?

Sure :)

[mfrezghi]

Cool, thanks!

[mfrezghi]

Not finding much information on how to integrate Vimeo with Video.js, it looks like videojs7-vimeo is not well supported anymore

Did find this though: https://stackoverflow.com/questions/74304182/best-practice-to-embed-vimeo-video-in-nextjs-or-reactjs

It looks like you can achieve a lot more customization using ReactPlayer. LMK if you want to try that out, or if you'd rather find a way to use video.js, thanks!

[rohitdasu]

hi @mfrezghi, i don't mind using React-Player if it has customization better than the current one which we are using. Please integrate it with react-player and create a PR. would love to review it. thanks.

[mfrezghi]

Sounds good! I'll try it out.

[mfrezghi]

Hi @rohitdasu, it looks like even when I use React-Player, it still defaults to iFrame on your site. After some research this looks like an issue that a handful of people have encountered. From what I've been reading, people either use this for further customization: https://help.vimeo.com/hc/en-us/articles/12426259745937-Customize-the-video-player
Or use something other than Vimeo... Sorry I couldn't get this working for you 😅

[rohitdasu]

no problem @mfrezghi

I appreciate your efforts. please keep looking for new issues. Thank You :)

[Apurv428]

Hi @rohitdasu , can I work on this issue?

[rohitdasu]

@Apurv428 sure, go ahead. let us know if you need anything. thanks

[Apurv428]

@rohitdasu There's an issue with loading the video. I need to refactor this part to video.js, right?

[Apurv428]

Hi @rohitdasu, I am facing the below error, Can you please help me out?

Error: MongoDB error
Server selection timeout: No available servers. Topology: { Type: Unknown, Servers: [ { Address: mongo:27017, Type: Unknown, Error: No such host is known. (os error 11001) }, ] }
0: migration_core::commands::schema_push::Calculate from
at migration-engine\core\src\commands\schema_push.rs:46
1: migration_core::state::SchemaPush
at migration-engine\core\src\state.rs:433

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[rohitdasu]

@rohitdasu There's an issue with loading the video. I need to refactor this part to video.js, right?

you're right.

[rohitdasu]

Hi @rohitdasu, I am facing the below error, Can you please help me out?

Error: MongoDB error Server selection timeout: No available servers. Topology: { Type: Unknown, Servers: [ { Address: mongo:27017, Type: Unknown, Error: No such host is known. (os error 11001) }, ] } 0: migration_core::commands::schema_push::Calculate from at migration-engine\core\src\commands\schema_push.rs:46 1: migration_core::state::SchemaPush at migration-engine\core\src\state.rs:433

error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

have you created a mongodb uri in mongodb atlas?

[Apurv428]

Yeah, it got solved. But on running yarn prisma db seed, I am getting the following error

[Apurv428]

Hi
As per my understanding, for the vimeo video, we can only use iframe
When I tried to access it using the video.js, I am facing the error code 401 and 403.
Can you please provide the alternate video source so that I can give it a shot?

[rohitdasu]

@Apurv428 the 4XX error is not related to the video.js I think.

[Apurv428]

The vimeo video can be accessed when opened on new tab but not in video.js

[rohitdasu]

hi @Apurv428 can we connect over discord?

[Apurv428]

Yeah Sure!
Discord id: apurv9742

[Apurv428]

Hey @rohitdasu can you share me your discord id?

[rohitdasu]

@Apurv428 could you join our discord server? link is in the landing page of the site. thanks