title: Unable to get title of a youtube video
body: <p>I need a valid code for my blog(blogger) to get Title of YouTube video using the following string:</p>
  
  <p>"<a href="http://gdata.youtube.com/feeds/api/videos/EDV-KMBvMck?v=2&amp;alt=json&amp;prettyprint=true" rel="nofollow">http://gdata.youtube.com/feeds/api/videos/EDV-KMBvMck?v=2&amp;alt=json&amp;prettyprint=true</a>"</p>
  
  <p>(This string works well in Internet Explorer)</p>
  
  <p>I have gone through various method found here, but no result are displaying.</p>
  
  <p>I would like to display the titles of the videos within td tag.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
  
  &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
    &lt;style&gt;
      table#t01 {
        width: 100%;
      }
      table#t01,
      th,
      td {
        border: 1px solid black;
        border-collapse: collapse;
        text-align: center;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div&gt;
      &lt;table id="t01"&gt;
        &lt;col style="width:50%;"&gt;
          &lt;col style="width:50%;"&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;a href="http://www.youtube.com/embed/EDV-KMBvMck" target="_blank"&gt;&lt;img src="https://img.youtube.com/vi/EDV-KMBvMck/default.jpg"" alt="YouTube Icon"&gt;&lt;/a&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;script&gt;
                  $Video_Id = 'EDV-KMBvMck'
                  $.getJSON("http://gdata.youtube.com/feeds/api/videos/{$Video_Id}?v=2&amp;alt=json&amp;prettyprint=true", function(json) {
                      console.log("success");
                      var items = [];
                      $.each(json. {
                        $Video_Id
                      }, function(key1, val1) {
                        $Value = val1.key + val1.val
                      });
                      echo $Value
                    })
                    .done(function() {
                      console.log("second success");
                    })
                    .fail(function() {
                      console.log("error");
                    })
                    .always(function() {
                      console.log("complete");
                    })
                    .error(function(error) {
                      console.log(error);
                    });
                &lt;/script&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
              &lt;td&gt;
                &lt;a href="http://www.youtube.com/embed/yXL7dT7ovEM" target="_blank"&gt;&lt;img src="https://img.youtube.com/vi/yXL7dT7ovEM/default.jpg"" alt="YouTube Icon"&gt;&lt;/a&gt;
              &lt;/td&gt;
              &lt;td&gt;
                &lt;script&gt;
                  $Video_Id = 'yXL7dT7ovEM'
                  $.getJSON("http://gdata.youtube.com/feeds/api/videos/{$Video_ID}?v=2&amp;alt=json&amp;prettyprint=true", function(json) {
                      console.log("success");
                      var items = [];
                      $.each(json. {
                        $Video_Id
                      }, function(key1, val1) {
                        $Value = val1.key + val1.val
                      });
                      echo $Value
                    })
                    .done(function() {
                      console.log("second success");
                    })
                    .fail(function() {
                      console.log("error");
                    })
                    .always(function() {
                      console.log("complete");
                    })
                    .error(function(error) {
                      console.log(error);
                    });
                &lt;/script&gt;
              &lt;/td&gt;
            &lt;/tr&gt;
      &lt;/table&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I would like a function in header which will call from td tag at every change of Video_Id.</p>