[解決済み] DOMWindow' で 'postMessage' の実行に失敗しました: https://www.youtube.com !== http://localhost:9000

質問

このようなエラーメッセージが表示されます。

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

他にも似たような問題で、ターゲットのオリジンが http://www.youtube.com で、受信側のオリジンが https://www.youtube.com しかし、私のようにターゲットが https://www.youtube.com で、原点は http://localhost:9000 .

1. 問題がわからない。何が問題なのでしょうか？
2. どうすれば直るのですか？

解決方法は？

これは、ターゲットのオリジンが https . iFrame の url に http の代わりに https . 埋め込もうとするファイルのurlを次のように変更してみてください。 https .

例えば

'//www.youtube.com/embed/' + id + '?showinfo=0&enablejsapi=1&origin=http://localhost:9000';

にする。

'https://www.youtube.com/embed/' + id + '?showinfo=0&enablejsapi=1&origin=http://localhost:9000';