projectmate
projectmate copied to clipboard
[FEATURE] Integrate video.js to the landing page
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:
https://www.npmjs.com/package/video.js/v/7.0.3
Hey @rohitdasu, can I take this issue?
Hey @rohitdasu, can I take this issue?
Sure :)
Cool, thanks!
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!
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.
Sounds good! I'll try it out.
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 😅
no problem @mfrezghi
I appreciate your efforts. please keep looking for new issues. Thank You :)
Hi @rohitdasu , can I work on this issue?
@Apurv428 sure, go ahead. let us know if you need anything. thanks
@rohitdasu There's an issue with loading the video. I need to refactor this part to video.js, right?
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 There's an issue with loading the video. I need to refactor this part to video.js, right?
you're right.
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
fromat migration-engine\core\src\commands\schema_push.rs:46 1: migration_core::state::SchemaPush at migration-engine\core\src\state.rs:433error 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?
Yeah, it got solved. But on running yarn prisma db seed, I am getting the following error
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?
@Apurv428 the 4XX error is not related to the video.js I think.
The vimeo video can be accessed when opened on new tab but not in video.js
hi @Apurv428 can we connect over discord?
Yeah Sure! Discord id: apurv9742
Hey @rohitdasu can you share me your discord id?
@Apurv428 could you join our discord server? link is in the landing page of the site. thanks
