從RSS訂閱項獲取視頻的鏈接

Question

我是網絡開發新手，這是我的第一個Chrome擴展。這裏是我的腳本來獲取和解析RSS提要：

$(document).ready(function() { 
    // FETCH THE RSS FEEDS AND PARSE THEM 
    $.get(rssurl, function(data) { 
     var $xml = $(data); 
     $xml.find("item").each(function() { 
     var $this = $(this), 
      item = { 
        title: $this.find("title").text(), 
        link: $this.find("link").text(), 
        description: $this.find("description").text(), 
        pubDate: $this.find("pubDate").text(), 
        url : $this.find("enclosure").attr("url"), 
        author: $this.find("author").text() 
        }; 

     // ADD IT TO THE ARRAY 
     items.push(item); 
     if(items.length == 1){ 
      $(".title").html(item.title); 
      $(".description").html(item.url); 
      $(".author").html(item.author); 

      $(video).attr({"src" : item.url}); 
     } 
     });// end of each() 
    });// end of $.get() 
}); 

但問題是這樣的：

url : $this.find("enclosure").attr("url"), 

的想法是讓視頻播放，儘管它​​在.mp4是其中沒有。
下面是我解析提要：http://feeds.podtrac.com/tTKj5t05olM $

注：我已經可以在我的鉻清單

Answer 1

的問題是在這裏：

$(video).attr({"src" : item.url}); 

它需要：

$("video").attr("src",item.url); 

Answer 2

嘗試所有網址以添加以下條件添加項目之前到數組：

if($("enclosure[url$='.mp4']",this).length>0){} 

[屬性$ =「值」]是jQuery的屬性與選擇結束。它將選擇具有指定屬性的元素，其值以給定字符串結尾。

代碼：

$(document).ready(function() { 
    // FETCH THE RSS FEEDS AND PARSE THEM 
    $.get(rssurl, function(data) { 
     var $xml = $(data); 
     $xml.find("item").each(function() { 
     //if item's enclosure url attribute is in .mp4 format... then add it to the video array 
     if($("enclosure[url$='.mp4']",this).length>0){ 
      var $this = $(this), 
       item = { 
         title: $this.find("title").text(), 
         link: $this.find("link").text(), 
         description: $this.find("description").text(), 
         pubDate: $this.find("pubDate").text(), 
         url : $this.find("enclosure").attr("url"), 
         author: $this.find("author").text() 
        }; 

      // ADD IT TO THE ARRAY 
      items.push(item); 

      if(items.length == 1){ 
      $(".title").html(item.title); 
      $(".description").html(item.url); 
      $(".author").html(item.author); 

      $(video).attr({"src" : item.url}); 
      } 
     } 
     });// end of each() 
    });// end of $.get() 
}); 

Answer 3

我想你的MP4文件格式不正確，在HTML5視頻標籤的發揮。

當我在Firefox中打開http://media.tqaweekly.com/video/tqa-se4ep29.mp4時，出現一個錯誤，指出視頻已損壞。在Chrome中，我有音頻但沒有視頻。

我解決了這個另一個堆垛機here。我認爲它是類似的。

之後，您需要在HTML5視頻標籤中顯示視頻。但我猜你不需要幫助，瞭解:)

<video width="640" height="360" controls> 
    <source src="yoursrc.mp4" type="video/mp4; codecs=avc1.42E01E,mp4a.40.2"> 
</video>