Solution: Fix previewThumbnails squished multiple frames horizontally.

[regiside]

I was recently trying to implement previewThumbnails on a Wordpress site, which had a default style applied to all images to make them responsive: max-width:100%; This was breaking the previewThumbnails functionality and causing the scrubbing images to be squished.

This can be fixed by adding the following rule to your css styles:

.plyr__preview-thumb__image-container img {
max-width: none!important;
}

(Maybe this could be added to the default Plyr styles so people don't run into this issue in the future.)

[regiside]

This was a Q&A in one so I'm marking it as answered. :)