Plyr: Video player will not auto resize after changing source on iPhone

[koyin]

While playing video loaded from src of the <video> tag, it's fine and the player will resize according to screen resolution.

But after I load a new source using plyr.source, the player will no longer auto resize, instead display the video in full size.

[sampotts]

This isn't really a bug with Plyr as such. As custom UIs for HTML5 video are not fully supported on iOS, no styles are added for it in Plyr. I'd recommend adding the following standard CSS for images, videos and audio to your build if you don't have it already:

img,
video,
audio {
    /* Prevent overflow */
    max-width: 100%;
    /* Prevent gap underneath */
    vertical-align: middle;
}

You'll see the docs have something similar.