YouTube embed: niebezpieczne JavaScript próba dostępu do ramki

Jeśli masz problem z rozwiązaniem tego błędu JavaScript, możesz spróbować użyć starego kodu osadzania YouTube. Jest to opcja na każdym filmie YouTube po kliknięciu na osadzenie. Nie będziesz miał tego błędu, ponieważ nie używa ramek iframes. Kod wyglądałby mniej więcej tak:

<object width="560" height="315">
    <param name="movie" value="http://www.youtube.com/v/9DXL9vIUbWg?version=3&amp;hl=en_US&amp;rel=0"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/9DXL9vIUbWg?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

Głosowałem za odpowiedzią Jonathana Torresa, ponieważ jego kod zatrzymał Ostrzeżenia Javascript. Jednak potem odkryłem błędy, gdy zatwierdziłem kod.

Zaznacz pole wyboru "Użyj starego kodu osadzania" podczas korzystania z kodu osadzania YouTube, aby nie używać ramki iframe.

Aby Kod był poprawny musisz dodać....

type="movie"

I

data="http://SAME YOUTUBE URL USED IN THE FIRST PARAM ELEMENT/"

Do elementu OBJECT . Następnie utwórz param elementy samozamykające się (ale nie element EMBED ).

To powinno sprawić, że Twój kod YouTube będzie wyglądał tak...

<object width="560" height="315" type="movie" data="http://www.youtube.com/v/9DXL9vIUbWg?version=3&amp;hl=en_US&amp;rel=0">
<param name="movie" value="http://www.youtube.com/v/9DXL9vIUbWg?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true" />
<param name="allowscriptaccess" value="always" />
<embed src="http://www.youtube.com/v/9DXL9vIUbWg?version=3&amp;hl=en_US&amp;rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>
</object>

Nie powinieneś otrzymywać żadnych ostrzeżeń Javascript, a Twój kod powinien zostać zweryfikowany.

BÅ‚Ä…d Unsafe JavaScript attempt to access frame nie ma nic wspólnego z renderowaniem strony. Uszkodzone znaczniki (np. brakujÄ…ce </iframe>) sÄ… najbardziej prawdopodobnÄ… przyczynÄ….

Jeśli chodzi o BłądUnsafe JavaScript attempt to access frame, masz kilka opcji:

1. Najprostszym rozwiązaniem jest użycie IFrame Player API zamiast ręcznego dodawania tagów iframe. API jest częścią JavaScript, który generuje znacznik iframe dla Ciebie i dodaje parametry, które wyeliminują (lub powinny) Błąd dostępu do ramki. Oto instrukcja użycia IFrame Player API do załadowania odtwarzacza.

2. RÄ™cznym rozwiÄ…zaniem jest zbudowanie znaczników <iframe> i doÅ‚Ä…czenie parametru &origin=http://example.com do adresów URL. Cytat:

Jako dodatkowy środek bezpieczeństwa, należy również podać pochodzenie parametr do adresu URL, określający schemat adresu URL (http: / / lub https://) i pełną domenę swojej strony hostingowej jako wartość parametru. While origin jest opcjonalne, w tym chroni przed złośliwymi osobami trzecimi JavaScript jest wstrzykiwany na Twoją stronę i przejmuje kontrolę nad twoją Odtwarzacz YouTube.

Dla mnie to działało używając kodu tutaj: https://developers.google.com/youtube/iframe_api_reference#Loading_a_Video_Player

Linie, które naprawiłem, widzą słowa z 2 asteriksem * * kod :

Z tego:

var tag = document.createElement('script');
          tag.src = "**http://www.youtube.com/player_api**";
          var firstScriptTag = document.getElementsByTagName('script')[0];
          firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
          var players = new Array();
          function **onYouTubePlayerAPIReady()** {

        var ids = $('div.video div');

        for(var i=0; i < ids.length; i++) {
            players.push(new YT.Player('**yt**'+i, {
                height: '400',
                width: '596',
                videoId: $(ids[i]).attr('rel'),
                events: {
                    'onReady': onPlayerReady,
                    'onStateChange': onPlayerStateChange
                }
            }));
        }

      }

Do tego:

var tag = document.createElement('script');
  tag.src = "**https://www.youtube.com/iframe_api**";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
  var players = new Array();
  function **onYouTubeIframeAPIReady()** {

    var ids = $('div.video div');

    for(var i=0; i < ids.length; i++) {
        players.push(new YT.Player('**player**'+i, {
            height: '400',
            width: '596',
            videoId: $(ids[i]).attr('rel'),
            events: {
                'onReady': onPlayerReady,
                'onStateChange': onPlayerStateChange
            }
        }));
    }

  }