view raw
Shrikanth Mutthavarapu Shrikanth Mutthavarapu - 8 months ago 43
HTML Question

Embedding Youtube comments inside a web page

Hi I want to embed youtube comments inside a webpage and searched for answers and found this code.

<gd:feedLink href=''/>

I tried to include this code inside a page to test but it dosent display the comments.

But when I visited this url
comments displayed sucessfully.
Am I embedding it wrong.Should I include any other script references to acess youtube comments?
Can any one elaborate this method or suggest any other method?




I found a working solution, someone posted this code a few years ago, I don't take credit for it.

I tested it out on my website, and it works pretty well.

You are obviously going to want to add styling and remove some of the inline html styling. On a side note, you are going to need to add the video id. If you don't know how to do this, either replace the PHP calls (<?php echo $_GET['v']; ?>) with the id, or simply define v somewhere in PHP. Note: if you are going to manually add in the id's there are 2 locations where you are going to have to do this.. hope it helps.

    <script type="text/javascript" src=""></script>
    <script type= "text/javascript">
    function getYouTubeInfo() {
                    url: "<?php echo $_GET['v']; ?>?v=2&alt=json",
                    dataType: "jsonp",
                    success: function (data) { parseresults(data); }

    function parseresults(data) {
            var title = data.entry.title.$t;
            var description =$$description.$t;
            var viewcount =$statistics.viewCount;
            var author =[0].name.$t;
            $('#description').html('<b>Description</b>: ' + description);
            $('#extrainfo').html('<b>Author</b>: ' + author + '<br/><b>Views</b>: ' + viewcount);
            getComments($$feedLink.href + '&max-results=50&alt=json', 1);

    function getComments(commentsURL, startIndex) {
                    url: commentsURL + '&start-index=' + startIndex,
                    dataType: "jsonp",
                    success: function (data) {
                    $.each(data.feed.entry, function(key, val) {
                            $('#comments').append('<br/>Author: ' +[0].name.$t + ', Comment: ' + val.content.$t);
                    if ($(data.feed.entry).size() == 50) { getComments(commentsURL, startIndex + 50); }

    $(document).ready(function () {
<body bgcolor="grey">
    <div align="center">
            <div id="title" style="color: #dddddd">Could not find a title</div><br/>
            <iframe title="Youtube Video Player" width="640" height="390" src="<?php echo $_GET['v']; ?>?fs=1&autoplay=1&loop=0" frameborder="0" allowfullscreen style="border: 1px solid black"></iframe>
            <div id="description" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find a description</div>
            <div id="extrainfo" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find extra information</div>
            <div id="comments" style="width:400px; background-color: #dddddd; font-size:10px; text-align:left;">Could not find comments</div>