Respect call order and prioritize public API calls for setting poster, in order to avoid race conditions

This commit is contained in:
Albin Larsson
2018-06-15 23:56:47 +02:00
parent 2af60c5c0d
commit 115f352ade
4 changed files with 42 additions and 30 deletions

View File

@ -140,7 +140,7 @@ const vimeo = {
url.pathname = `${url.pathname.split('_')[0]}.jpg`;
// Set and show poster
ui.setPoster.call(player, url.href);
ui.setPoster.call(player, url.href).catch(() => {});
});
// Setup instance

View File

@ -166,7 +166,7 @@ const youtube = {
const container = createElement('div', { id, poster });
player.media = replaceElement(container, player.media);
// Set poster image
// Id to poster wrapper
const posterSrc = format => `https://img.youtube.com/vi/${videoId}/${format}default.jpg`;
// Check thumbnail images in order of quality, but reject fallback thumbnails (120px wide)
@ -179,7 +179,8 @@ const youtube = {
if (!posterSrc.includes('maxres')) {
player.elements.poster.style.backgroundSize = 'cover';
}
});
})
.catch(() => {});
// Setup instance
// https://developers.google.com/youtube/iframe_api_reference