Youtube iFrame Api Example - Error : "JSON is undefined"?

Question

I'm trying the new iFrame Api examlpe @ http://code.google.com/apis/youtube/iframe_api_reference.html (Code Below here..)

Everythings work prerfect on Chrome, safari but there is an Error reporting on firefox 3.0 and IE6 -> JSON is undefined on line:13 The player is still working but javascript crash completely.

I tried to get json2.js library (http://www.json.org/) script on top of page but nothing works better. How can I arrange this JSON Error on these old browsers ?

<html>
  <body>
    <!-- 1. The <div> tag will contain the <iframe> (and video player) -->
    <div id="player"></div>
    <script src="js/json2.js"></script>
    <script language="javascript">
      // 2. This code loads the IFrame Player API code asynchronously.
      var tag = document.createElement('script');
      tag.src = "http://www.youtube.com/player_api";
      var firstScriptTag = document.getElementsByTagName('script')[0];
      firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

      // 3. This function creates an <iframe> (and YouTube player)
      //    after the API code downloads.
      var player;
      function onYouTubePlayerAPIReady() {
        player = new YT.Player('player', {
          height: '390',
          width: '640',
          videoId: 'u1zgFlCw8Aw',
          playerVars: { 'autoplay': 1, 'controls': 0, 'showinfo': 0, 'loop': 1, 'rel' : 0, 'showsearch' : 0, 'enablejsapi' : 1},
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      // 4. The API will call this function when the video player is ready.
      function onPlayerReady(event) {
        event.target.playVideo();
      }


      function onPlayerStateChange(event) {
        //
      }

    </script>
  </body>
</html>

Just found this older post on how to fix JSON in IE6 stackoverflow.com/questions/1787020/json-object-in-ie6-how — Spider
– Spider, Commented Sep 19, 2011 at 21:49

adittes · Accepted Answer · 2012-01-24 22:31:40Z

1

I got bitten by this too. The Youtube iframe API needs the HTML5 postMessage feature, which IE7 and other old browsers do not have.

Source

answered Jan 24, 2012 at 22:31

adittes

311 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

Johannes Klauß · Accepted Answer · 2011-11-06 17:42:20Z

0

You should use double quotes in JSONs, because actually it is required to set string between double quotes. At height and width delete the single quotes and just write the integer, since it isn't a string.

answered Nov 6, 2011 at 17:42

Johannes Klauß

11.1k18 gold badges73 silver badges127 bronze badges

Collectives™ on Stack Overflow

Youtube iFrame Api Example - Error : "JSON is undefined"?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related