projectmate icon indicating copy to clipboard operation
projectmate copied to clipboard

[FEATURE] Integrate video.js to the landing page

Open rohitdasu opened this issue 1 year ago • 23 comments

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: Screenshot 2024-01-28 at 5 43 19 PM

rohitdasu avatar Jan 28 '24 12:01 rohitdasu

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

rohitdasu avatar Jan 29 '24 11:01 rohitdasu

Hey @rohitdasu, can I take this issue?

mfrezghi avatar Jan 29 '24 18:01 mfrezghi

Hey @rohitdasu, can I take this issue?

Sure :)

rohitdasu avatar Jan 30 '24 06:01 rohitdasu

Cool, thanks!

mfrezghi avatar Jan 31 '24 01:01 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!

mfrezghi avatar Jan 31 '24 17:01 mfrezghi

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.

rohitdasu avatar Feb 01 '24 05:02 rohitdasu

Sounds good! I'll try it out.

mfrezghi avatar Feb 02 '24 16:02 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 😅

mfrezghi avatar Feb 02 '24 17:02 mfrezghi

no problem @mfrezghi

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

rohitdasu avatar Feb 02 '24 17:02 rohitdasu

Hi @rohitdasu , can I work on this issue?

Apurv428 avatar Feb 11 '24 09:02 Apurv428

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

rohitdasu avatar Feb 11 '24 09:02 rohitdasu

image

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

Apurv428 avatar Feb 11 '24 13:02 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.

Apurv428 avatar Feb 11 '24 17:02 Apurv428

image

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

you're right.

rohitdasu avatar Feb 23 '24 08:02 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?

rohitdasu avatar Feb 23 '24 08:02 rohitdasu

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

image

Apurv428 avatar Feb 25 '24 15:02 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? Screenshot (119)

Apurv428 avatar Feb 26 '24 06:02 Apurv428

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

rohitdasu avatar Mar 02 '24 20:03 rohitdasu

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

Apurv428 avatar Mar 03 '24 07:03 Apurv428

hi @Apurv428 can we connect over discord?

rohitdasu avatar Mar 03 '24 07:03 rohitdasu

Yeah Sure! Discord id: apurv9742

Apurv428 avatar Mar 03 '24 09:03 Apurv428

Hey @rohitdasu can you share me your discord id?

Apurv428 avatar Mar 05 '24 14:03 Apurv428

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

rohitdasu avatar Mar 13 '24 06:03 rohitdasu