Poster is loaded twice

[levi0214]

Just open the official demo https://plyr.io, and you'll find the poster image loaded twice as below. I am not sure if this is necessary?

[sampotts]

Yep it is unfortunately as we display it in a custom element. The only other solution would involve removing the progressive enhancement. I don’t think removing the poster attribute with JavaScript would abort the initial load. I doubt it.

[levi0214]

Haha, OK, thank you.

[dev7ch]

maybe you could append the image to the custom element from media element maybe with sth like

let sourceImage = document.createElement('img'),
     imgContainer = document.getElementById("custom-element");
 sourceImage.src = "[some img url or cloning loaded poster img]";
 imgContainer.appendChild(sourceImage);

 function cloneImg(){
     imgContainer.appendChild(sourceImage.cloneNode(true));
 }

not tested ;)

[sampotts]

If we had access to the shadow DOM then we could clone the contents yep but its not possible.

[sampotts]

Closing this one for now as there's not much we can do.