Изменить источник YouTube iFrame при выборе изменения в WP

Question

Внутри шаблона WP я загружаю список воспроизведения YouTube через iFrame.У меня есть поле выбора над ним, которое позволяет пользователям выбирать другой список воспроизведения.Это кажется простым, но я продолжаю сталкиваться с проблемами безопасности браузера.

jQuery(document).ready(function() {
  $('#channelChooser').change(function() {
    $(this).next('iframe').attr('src', this.value);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select name="channelChooser" id="channelChooser">
  <option value="https://www.youtube.com/playlistlist=one">One</option>
  <option value="https://www.youtube.com/playlist?list=Two">Two</option>
  <option value="https://www.youtube.com/playlist?list=Three">Three</option>
</select>
<iframe id="ytplayer" type="text/html" width="720" height="405" src="https://www.youtube.com/embed/?enablejsapi=One&listType=playlist" frameborder="0" allowfullscreen></iframe>

Я получаю эту ошибку:

Отказал в отображении 'https://www.youtube.com/playlist?list=Two' в кадре, поскольку он установил' X-Frame-Options 'to' sameorigin '.

Я просто хочу иметь возможность изменять список воспроизведения YouTube при выборе, желательно без плагина, потому что это должно быть просто.Спасибо!

Answer 1

X-Frame-Options: Sameorigin используется YouTube для предотвращения кликбека .Вам нужно будет вставить реальный плейлист.

Вставить видео и плейлисты