Thumbnails Become Glitched

Symptoms

When displaying thumbnails, pages with this kind of display occur

Cause

This occurs when the video ID cannot be obtained properly when acquiring thumbnails.
Currently confirmed specific occurrence patterns are the following 2 types:

1. The configured video is currently private
2. The formula on the spreadsheet side becomes corrupted, and the video ID is not output properly

Especially for cause 1, YouTube Music sometimes changes video IDs due to its specifications, so this can suddenly happen one day.

Solution

First, you need to identify the problematic video.

You need to find the video whose thumbnail cannot be retrieved, but searching through a large number of videos is difficult, so here’s the procedure to find it.
If you have few videos (120 or less), start from step 3 and read B as 0.

1. Without applying tag filtering, roughly determine at which song number this occurs. Call this song A.

2. Divide A by 66 and find the integer part. Call this B. For example, if A is 50, then B is 0; if A is 100, then B is 1.

3. Select “URLDictionary” in the gimmick, and copy the URL located B positions down from the top in the section labeled ThumbnailUrls.
   

   

4. Open it in a browser like Chrome. It takes about 10 seconds.

5. Look for images like the following in the opened image. If there aren’t any, try shifting the column you copy up or down.
   

   

6. Determine which video comes after the above image (they’re arranged from top-left to bottom-right).

7. Find it on the spreadsheet and either delete the corresponding video or replace it with another video.

8. Press the Reload button in VRChat and check if it’s fixed. If it’s still glitched, there are others, so repeat from step 1.

If it’s fixed by this point, that’s all. Good job.
If it’s not fixed by this point, the cause is likely 2.

1. Perform the spreadsheet creation from the installation procedure again.
   1. Creating Spreadsheet
2. When deleting existing rows, follow this procedure:
   How to Edit Playlist (How to Delete Existing Rows)
3. Re-add the videos.

• First copy and paste columns B and C
• Then copy and paste the tag columns

4. Press the Reload button in VRChat and check if it’s fixed.

That’s all. Good job.

Additional Notes

Ideally, the server side should filter these out, but since I’m not using (can’t use) the YouTube API for thumbnail image acquisition, it’s difficult…
When VRChat was on Unity 2019, having private videos mixed in didn’t affect other thumbnails, but when it moved to Unity 2022, the image decoding process seems to have changed, causing these symptoms to occur. It’s frustrating.