Как проверить, что картинка существует?

Ridz, т.е.
1) а функция не может вывести hqdefault?
2) Окей, я могу создать div и в блоке функции fetch_highest_res, но опять же, мне нужен только hqdefault, так как там будет "вызов" не просто картинки, а описан тег picture, который имеет не только формат jpg, но и webp.

Как проверить, что картинка существует?

Ridz, мне не нужно выводить в документ, мне нужно получить лишь слово: hqdefault

Объясняю для чего:
Я вывожу картинку примерно так:

....
var divParent = document.createElement('div');
divParent.className = 'youtube_player_wrapper';
divParent.innerHTML = setupVideoHTML(playerInfo);
....

  function setupVideoHTML(playerInfo){
    return '<picture> \
        <source srcset="https://i.ytimg.com/vi_webp/' + playerInfo.videoId + '/maxresdefault.webp" type="image/webp"> \
        <img class="youtube_player_image" src="https://i.ytimg.com/vi/' + playerInfo.videoId + '/maxresdefault.jpg"  alt="' + playerInfo.alt + '"> \
      </picture> \
   ';
  }

Т.е. мне нужно будет заменить: maxresdefault на значение получаемое Вашей функцией.

Как проверить, что картинка существует?

Все верно.
А можно вывести не путь, а только hqdefault?
Сам пробовал вывести, но что-то не получается.

И еще, после того как он нашел картинку, зачем он еще проверяет mqdefault?
Или скрипт сразу все картинки запрашивает, а потом проверяет?

Как проверить, что картинка существует?

Очень круто описано, спасибо.

Есть только один момент, результат выдает не hqdefault, а maxresdefault
проверка тут: https://codepen.io/workcode/pen/pqRMej

Можно проверить руками, что картинки такой нет:
https://i.ytimg.com/vi/eei-soH5Gx8/maxresdefault.jpg

PS. Хотя возможно я не прав, ведь нет ошибки 404. Значит надо еще как-то проверить размер картинки.
maxresdefault.jpg 1280x720
sddefault.jpg 640x480
hqdefault.jpg 480x360
mqdefault.jpg 320x180

Есть ли возможность отказаться от eval в моем случае и как?

Ну поясните тогда:

players.player1.iframe
players.player2.vid
players.player34.name

players - это объект, это ясно
а дальше перечисляются id: player1, player2,..player34 - вот это что за хрень?
вы предлагаете для 100 плееров написать 100 строк кода?

или тут написано, то что я не вижу

Как проверить, что картинка существует?

что это? Зачем мне обработка ошибки?
У меня есть массив картинок, в порядке качества, в качестве return мне нужно получить имя картинки.

Как проверить, что картинка существует?

nvdfxx, в массиве я перечисляю качество картинки, от лучшего к худшему.
Мне нужна картинка в лучшем качестве, т.е. вывод через return я должен получить maxresdefault, при этом перебор должен быть завершен.

Если картинка при этом будет загружена с сервера ничего страшного.

Как проверить, что картинка существует?

Иван Иванов, я наверно плохо объясняю.
Какой ajax? сервер ютуб!
Мне нужно проверить картинку, есть она или нет. Каждому видео ютуб генерирует постер, причем в разном качестве, в зависимости от разрешения видео. Мне нужно вывести картинку в лучшем качестве, но ее может не быть в лучшем качестве, поэтому я беру в среднем качестве.
И не нужно мне говорить, что мне нужно, я это и сам написал.
Мне интересна сама реализация.

Как проверить, что картинка существует?

пример можно?
мне нужно лишь, то что у меня в примере, только у меня не работает

Как проверить, что картинка существует?

мне интересно наличие картинки на сервере, а не в документе
тот код, который я привел не рабочий

Как узнать, что какая-то функция вызвана/запущена?

Подумал и решил, что для моего случая нужно полностью отказаться от проверки состояния функции onYouTubePlayerAPIReady.
Во первых я так понял, запуск функции onYouTubePlayerAPIReady происходит сразу при загрузке скрипта https://www.youtube.com/player_api. Т.е. в моем случае, когда клиент дойдет до видео и кликнет на него, скрипт точно загрузится. Размер API, тем более всего 923 байта.
Во вторых декоратор это тоже не мой случай, потому как onYouTubePlayerAPIReady вызывается 1 раз при загрузке API, а мне нужно много раз и только при клике по видео.

Как узнать, что какая-то функция вызвана/запущена?

К сожалению, мы друг друга не понимаем.

Как узнать, что какая-то функция вызвана/запущена?

Все верно, за исключением того, что foo() вызываю не я, а сторонний скрипт.
Я ее могу лишь описать someAction(), но не вызвать.

Как узнать, что какая-то функция вызвана/запущена?

Задача у меня и так решалась по timeout, но я не силен в JS, поэтому и спросил тут, может есть что-то типа event для функции.

Как узнать, что какая-то функция вызвана/запущена?

Я не говорю, что это хорошая идея, просто случайно увидел код.
Я искал что-то подобное, но думал, что выглядеть будет поэлегантнее.

Напишите правильное решение, приму за ответ и покончим с вопросом.

Как узнать, что какая-то функция вызвана/запущена?

Вот нашел скрипт на просторах Интернета, я думаю хотел увидеть, что-то типа такого:

window.videoApiLoaded = [];
window.videoApiLoaded.youtube = false;

function loadYoutubeVideo(videoId) {

    window.onYouTubeIframeAPIReady = function() { document.dispatchEvent(new CustomEvent('onYouTubeIframeAPIReady', {})) };

    if(window.videoApiLoaded.youtube == false) {
        var tag = document.createElement('script');
        tag.src = "https://www.youtube.com/iframe_api";
        var firstScriptTag = document.getElementsByTagName('script')[0];
        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
        window.videoApiLoaded.youtube = true;
    }

    var player;

    document.addEventListener('onYouTubeIframeAPIReady', function (e) {
        player = new YT.Player('player', {
          height: '400',
          width: '600',
          videoId: videoId,
          events: {
            'onStateChange': onYtStateChange
          }
        });

    }, false);

}

Как подключить полифил для IE11 (с проверкой)?

Это что? А где подключение-то?
Проверка и у меня работает, у меня подключение не работает.

Как проверить что объект существует?

Заработало, спасибо огромное.

Как узнать, что какая-то функция вызвана/запущена?

не знаю, спорить не буду, но я оперирую примитивными командами, которые мне ясны, а в плеерах, я не то что алгоритм, я даже команды не понимаю ))

я не программист и не стараюсь им быть, есть задача, я решаю

Ленивую загрузку реализовать довольно просто.

на этих плеерах?
мне не просто, я же реализовал сам очень просто и понятно для меня, спорить не буду, возможно я не прав, но то что я делаю, я понимаю, для меня это важнее каких-то правильных вещей

Как проверить что объект существует?

Получаю в инспекторе:

<iframe id="player1" class="youtube_player" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/_k9TlsI102g?controls=0&amp;disable=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;enablejsapi=1&amp;widgetid=1"></iframe>
undefined