kentaigaibe / portfolio-site Goto Github PK

As mentioned in PR #3, there are some issues with the way videos render that lead to odd layout bugs. This can most easily be seen on iOS where videos take a long time to render properly, causing content to display incorrectly until it's rendered enough. This issue is multifaceted, but it boils down to two things:

1. Rendering long MP4 files in one go on iOS is asking for trouble
2. Not having static thumbnails means the video needs to render before the layout works

The best way to go about fixing this is to stream the video in chunks using a service like Mux, but as that is a paid service some consideration must be given as to if it's worth it or not to use it. In lieu of that, simply serving static thumbnails might solve the issue (but will still leave iOS with slow render times).

This is because iOS can't render the VP9 codec reliably and also because Vidstack isn't switching to the correct MP4 backup source as it should be.

The Vidstack player controls have the following issues:

• The volume slider interacts sideways even though it's visually vertical
• The settings menu is incomplete and has inconsistent visuals
• The whole player requires you to use client-side rendering

Some of these issues will likely be fixed in version 0.8 of Vidstsack, which promises support for NextJS server components. This update has an ETA within the next few weeks so hopefully this problem resolves itself. In the event Vidstack 0.8 releases and it does not fix these problems, I'll make a new branch.