Falha ao executar 'postMessage' em 'DOMWindow': incompatibilidade de destino / origem http vs https

Peço desculpas desde já, pois estou muito confusa com o meu problema. Estou realmente confuso porque isso está causando um problema no meu site de produção.

Eu tenho um player javascript no meu site que reproduz listas de músicas que podem ser hospedadas no youtube, soundcloud ou vimeo. Ontem notei esse erro que geralmente surge sempre que você tenta carregar uma nova música através de "pular" com os botões do player. Este erro começou no último dia ou dois. Não estou vendo nada de novo nas notas de versão da API do youtube e esse erro ocorre usando o Chrome, Firefox e Safari, portanto, provavelmente não está relacionado a uma alteração no navegador. Algo que estou usando mudou, porém, porque não forneço novo código em 18 dias.

Um exemplo de lista de reprodução está aqui:http://www.muusical.com/playlists/programming-music

Acho que isolei a maneira de reproduzir o erro, eis as etapas:

Reproduza uma música hospedada no youtube.Pule para qualquer outra música da lista (pressionando os botões pular ou pressionando diretamente o botão reproduzir no item de linha da música).

* Observe que, se a primeira música da lista de reprodução for uma música do youtube, simplesmente pular para outra música, mesmo sem reproduzir a música do youtube carregada inicialmente, produzirá o erro.

Essencialmente, o erro parece ocorrer depois que você carrega e / ou reproduz uma música do youtube e tenta pular para outra música.

Deixe-me saber se você encontrar uma exceção a esse comportamento.

Eu vejo esse erro no console:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://www.muusical.com') does not match the recipient window's origin ('http://www.muusical.com').

Carrego o player usando a API Javascript do YouTube:

new YT.Player('playlist-player', {
      playerVars: { 'autoplay': 1, 'fs': 0 },
      videoId: "gJ6APKIjFQY",
      events: {
        'onReady': @initPlayerControls,
        'onStateChange': @onPlayerStateChange
      }
    })

O que produz esse iframe:

<iframe id="playlist-player" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="360" src="https://www.youtube.com/embed/gJ6APKIjFQY?autoplay=1&amp;enablejsapi=1&amp;origin=http%3A%2F%2Fwww.muusical.com"></iframe>

Depois de pular a música do youtube acima, é isso que vejo carregado no iframe:

<iframe id="playlist-player" frameborder="0" allowfullscreen="1" title="YouTube video player" width="640" height="360" src=""></iframe>

Apoio músicas do youtube, soundcloud e vimeo. Parece que quando uma música do YouTube é carregada, a "origem" muda de http para https. Eu não acho que seja necessário incluir os métodos de incorporação para os outros hosts, pois esse erro ocorre mesmo que a lista de reprodução inteira seja apenas do youtube e não ocorre em uma lista de reprodução que consiste apenas em músicas do soundcloud e do vimeo.

Além disso, é assim que estou carregando o javascript do youtube:

// Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

Entre em contato se precisar esclarecer alguma coisa e agradeço desde já por dar uma olhada.