5

ここで別の質問をします。今回は youtube API についてです。このコードを使用して、YouTube プレーヤーを取得しています。

<div id=\"youtubeVideoContainer\"></div><script type=\"text/javascript\">
                        //Load player api asynchronously.
                        var tag = document.createElement('script');
                        tag.src = \"//www.youtube.com/player_api\";
                        var firstScriptTag = document.getElementsByTagName('script')[0];
                        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

                        var player;
                        function onYouTubePlayerAPIReady() {
                            player = new YT.Player('youtubeVideoContainer', {
                              height        : \"".$height."\",
                              width         : \"".$width."\",
                              videoId       : \"".$id."\",
                              playerVars    : ".json_encode($this->playerParams)."
                            });
                        }
                    </script>

\" は気にしないでください。これは PHP でレンダリングされているため、エスケープするためだけのものです。また、ビデオは再生されているため、大きなエラーはありません :)

私を悩ませているのは、ビデオをリクエストするたびに、コンソールに次のメッセージが表示されることです: 安全でない JavaScript が URL でフレームにアクセスしようとしています

https://www.socialthisday.com/playwin/admin/content/edit/project_1/home.html フレームから URL https://www.youtube.com/embed/2UJH9dCtp7w?autohide=1&autoplay=1&controls=0&border&cc_load_policy=0&color&color1&color2&disablekb&enablejsapi =1&egm&fs&hd&iv_load_policy&loop&modestbranding=1&origin=https%3A%2F%2Fwww.socialthisday.com&playerapiid&playlist&rel=0&showinfo=0&showsearch&start&theme&version=3 . ドメイン、プロトコル、およびポートが一致する必要があります。

このメッセージが表示されないように修正したいと思います。大したことではないことはわかっていますが、上記の警告を表示せずに自分のサイトで YouTube プレーヤーを取得する方法が気に入っています。

うまくいけば、皆さんが私を助けてくれます!

編集:これは出力です:

<div id="YTcontainer_502513c7ebc1b">&nbsp;</div>
                        <script type="text/javascript">
                            //Load player api asynchronously.
                            var tag = document.createElement('script');
                            tag.src = "//www.youtube.com/iframe_api";
                            var firstScriptTag = document.getElementsByTagName('script')[0];
                            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

                            var YTplayer_502513c7eb834;                                                        
                            window.onYouTubeIframeAPIReady = function() {
                                YTplayer_502513c7eb834   = new YT.Player("YTcontainer_502513c7ebc1b", {
                                  height        : "200",
                                  width         : "200",
                                  videoId       : "2UJH9dCtp7w",
                                  playerVars    : {"autohide":1,"autoplay":1,"controls":0,"border":"","cc_load_policy":0,"color":"","color1":"","color2":"","disablekb":"","enablejsapi":"","egm":"","fs":"","hd":"","iv_load_policy":"","loop":"","modestbranding":1,"origin":"","playerapiid":"","playlist":"","rel":0,"showinfo":0,"showsearch":"","start":"","theme":"","version":3,"wmode":"opaque"}
                                });
                            }

                            if(window.YT){
                                onYouTubeIframeAPIReady();
                            }
                        </script>
4

2 に答える 2

5

根本的な問題はhttp://code.google.com/p/chromium/issues/detail?id=17325です

これが解決されれば、YouTube の埋め込みを使用するページの JavaScript コンソールの警告はiframe消えるはずです。Chrome の場合はもちろん、Safari の場合も同様だと思います。

于 2012-10-04T19:46:17.443 に答える
0

「古い埋め込みコードを使用する」を確認してください

タグを使用<object>して動画を埋め込みます

于 2013-02-12T07:08:41.927 に答える