[Bug] : Youtube Video Is not Showing

[divyansh-prks]

Describe the bug

The youtube video that is mentioned here , i am not able to play video on the webpage itself .

Expected behavior

The video should be working properly

Actual behavior

No response

How to Reproduce?

1. Go here https://microcks.io/events/
2. Scroll down to video number 13

Microcks version or git rev

No response

Install method (docker-compose, helm chart, operator, docker-desktop extension,...)

No response

Additional information

No response

[github-actions]

👋 @divyansh-prks

Welcome to the Microcks community! 💖

Thanks and congrats 🎉 for opening your first issue here! Be sure to follow the issue template or please update it accordingly.

📢 If you're using Microcks in your organization, please add your company name to this list. 🙏 It really helps the project to gain momentum and credibility. It's a small contribution back to the project with a big impact.

If you need to know why and how to add yourself to the list, please read the blog post "Join the Microcks Adopters list and Empower the vibrant open source Community 🙌"

Hope you have a great time there!

🌟 ~~~~~~~~~ 🌟

📢 If you like Microcks, please ⭐ star ⭐ our repo to support it!

🙏 It really helps the project to gain momentum and credibility. It's a small contribution back to the project with a big impact.

[yada]

Hi @divyansh-prks ,
Correct but this video is not hosted on the Microcks YouTube channel. This issue is due to settings on the channel and we can not fix it (we are not admin). You can not see the previous or watch directly but can always watch on YouTube. So not the best experience but have no choice (except if we download and host the video ourselves). Any suggestions on this issue?
Regards,
Yacine

[divyansh-prks]

In that case , see we can't play that video anyhow because it is not enabled by the owner .
My suggestion would Be ->
There are total 19 videos that we are embedding on the event page https://microcks.io/events/ which is also slowing down the page load time as you can see here

So the efficient solution will be Instead of embedding all videos at once, display thumbnails of all the videos and load the video only when clicked which not only solve the problem of listing videos but also help to render the webpage fast

What do you think @yada ?

[divyansh-prks]

https://github.com/user-attachments/assets/f8f79313-b7bb-4eb6-be10-a0e1e6bea37e
and also some videos are behaving like this

[yada]

https://github.com/user-attachments/assets/f8f79313-b7bb-4eb6-be10-a0e1e6bea37e and also some videos are behaving like this

Weird, I do not see this on my side using Brave, Chrome or Safari!

[yada]

In that case , see we can't play that video anyhow because it is not enabled by the owner . My suggestion would Be -> There are total 19 videos that we are embedding on the event page https://microcks.io/events/ which is also slowing down the page load time as you can see here

So the efficient solution will be Instead of embedding all videos at once, display thumbnails of all the videos and load the video only when clicked which not only solve the problem of listing videos but also help to render the webpage fast

What do you think @yada ?

Agree, this could be a good workaround and optimization 👍
Can you do a PR on this?

[divyansh-prks]

yes sure

[divyansh-prks]

/assign

[divyansh-prks]

Before	After

So here is the final optimization of this event webpage .

I want to ask a doubt do i add any popup animation when user hover those videos or should i keep it same as like this @yada ?

Screencast.from.2025-02-10.23-38-15.webm

[yada]

@divyansh-prks, that looks nice and cool, thanks.
Regarding your point "any popup animation": what will it look like? Sorry, I'm sure to visualize what you're dealing with, but anyway, please suggest what you like and think will be better from a user experience point of view 🙌

[yada]

Do not hesitate to push a PR and iterate on it when you are ready so I can check locally ;-)

[divyansh-prks]

Hey @yada i am not able to commit changes , i am checking git status it is showing nothing to commit . I have already checked so many times and i am also on correct directory .

This is my forked repo and i am trying to do changes in the public folder but no changes is happening there

May i know have you used any bundler? because the production code is looking like this and this production file is in another repository
https://github.com/microcks/microcks.github.io/blob/52021018c10f2f5e50604a7bb29666d30f0ba984/events/index.html

[divyansh-prks]

But still i have sent a PR on another repository as well you can check it here
microcks/microcks.github.io#21

[yada]

Hi @divyansh-prks ,
microcks.github.io repo is for website publication only, you are in the proper repo to update content.

But your issue is due to the fact you are making changes in the wrong directory:
use
microcks.io/content/events/_index.md
and not
/microcks.io/public/events/index.*

public directory is auto-generated ;)

[divyansh-prks]

oh sorry yada i was actually bit of confused . I have raised the pr if i have to do changes in this directory microcks.io/content/events/_index.md

you can check this pr ->
PR #307 Yt video showing

[yada]

But still i have sent a PR on another repository as well you can check it here microcks/microcks.github.io#21

I'm rejecting the PR based on the explanation above ;)

[yada]

Ref with #307