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

Question

[Анатолий]

Пишу плеер для YouTube, но загрузка плеера ленивая, т.е. iframe создается не сразу, а по запросу.

Для начала создаю заготовки для 2х плееров:

<div class="youtube_player" data--video="id:'player1',videoId:'_k9TlsI102g'"></div>
<div class="youtube_player" data--video="id:'player2',videoId:'mBccN7pdBCQ'"></div>

Смотрю количество плееров:

var playerList = document.querySelectorAll('.youtube_player');

и получаю некий массив, в котором: player1, player2

Для player1 создаю iframe:
player1 = new YT.Player('player1',..

Вопрос такой, как написать проверку, что плеер создан?

Answer 1

[Дмитрий Беляев]

player1 = new YT.Player('player1', {
  // your config
  events: {
    onReady() {
      // плеер создан
    },
    onError(err) {
      // что-то пошло не так
    }
  }
}

Comments

[Анатолий]

Идея правильная, но как это реализовать?
Вот код плеера: https://codepen.io/workcode/pen/gZLWWg

в строку 553 нужно вставить проверку

строка 287 создает плееер, вызов функции

функция в строке 303

[Дмитрий Беляев]

Анатолий, ой какая каша у Вас в коде,,, еле разобрал, что к чему...
смотрите у Вас на onReady отрабатывает функция onPlayerReady, которая пишет много чего в объект плеера
вот и проверьте наличие чего то, что до вызова этой функции нет, а в ней пишется

[Анатолий]

я не профи, сорри :)
так попробуйте вставьте, у меня не получилось, все перепробовал, вот сюда и написал

если нужно логику или функции объяснить, спрашивайте, нет проблем

[Анатолий]

смысл такой
1) я все плееры в массив закинул [player1, player2,...]
2) сейчас задача, если проигрывать плеер, то отстальные плееры нужно останавливать, но остальные могут быть еще и не созданы

[Дмитрий Беляев]

Анатолий, попробуйте такую проверку:

if(this[playerInfo.id].iframe) {
 // ...
}

[Анатолий]

Дмитрий Беляев, логика не верная, iframe это document.getElementById(playerInfo.id);
это ссылка на элемент, который 100% существует!

playerInfo.id - это id='player1'


<div id='player1'...

[Анатолий]

console.log(i + ' = ' + this[playerInfo.id].iframe);

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

0 = [object HTMLIFrameElement]
1 = [object HTMLIFrameElement]

[Дмитрий Беляев]

Анатолий, добавьте тогда в функции onPlayerReady в объект this[playerInfo.id] новое поле, например this[playerInfo.id].ready = true; и проверяйте его

[Анатолий]

Такая функция у меня есть, строка 300:

function onYouTubePlayerAPIReady() {
    onYouTubePlayerAPIReady.ready = true;
  }

как мне ее проверить?
У меня, есть массив = [player1, player2, player3,...]

Если проверить для текущего плеера, или просто
if (onYouTubePlayerAPIReady.ready)
то функция 100% существует! как проверить перебором всех плееров?

[Дмитрий Беляев]

Анатолий, это ready для api а не для плеера
прочтите внимательно предыдущий коммент мой

[Анатолий]

Извините, не заметил.
А как проверить?
PlayersYT = массив

for(var i = 0; i < PlayersYT.length; i++) {
if (this[PlayersYT[i]].iframe == 'undefined' ) continue;
console.log(this[PlayersYT[i]].iframe);
}

[Анатолий]

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

<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

[Дмитрий Беляев]

if (this[PlayersYT[i]].iframe == 'undefined' ) continue;
это условие никогда не отработает, так как у Вас this[PlayersYT[i]].iframe никогда не равняется строке 'undefined'

сделайте так:
if (!this[PlayersYT[i]].iframe) continue;

[Анатолий]

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

Answer 2

[Stalker_RED]

Например, что переменная player1 существует:

if (typeof player1 !== 'undefined') {
}

Или что именно вы хотите проверить?

Comments

[Анатолий]

так не работает проверял
у меня массив players[i] и он object
т.е. проверка идет:
if (typeof this[players[i]] != 'undefined' )

2 часа ломал головку, так и не придумал

[Stalker_RED]

Анатолий, что такое this[]?
Похоже, что нужно больше кода.

Соберите может пример.

[Анатолий]

Вот код плеера: https://codepen.io/workcode/pen/gZLWWg

в строку 553 нужно вставить проверку

строка 287 создает плееер, вызов функции

функция в строке 303

[Алексей Ярков]

Анатолий,

2 часа ломал головку

Вы там берегите себя )