我有一个使用 Drupal 视图创建的提要,我将其传递给使用 RSS 的 HTML5 Web 应用程序。
我有三个单独的提要(用于网络应用程序中的三个单独页面)。除了一个包含 HTML5 音频标签之外,它们都工作得很好。
我尝试了各种系统,并且都给出了相同的输出、标题、正文中的文本,但没有音乐播放器。我知道音乐播放器正在通过,因为如果我将提要插入谷歌 feedburner,那么一切都会完美显示,包括音乐播放器。
饲料应该是:
这是正在生成的xml:
<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xml:base="http://logan-net.com/demos12354688532" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:og="http://ogp.me/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:xsd="http://www.w3.org/2001/XMLSchema#">
<channel>
<title>demos</title>
<link>http://logan-net.com/demos12354688532</link>
<description></description>
<language>en</language>
<item>
<title>Make It Happen</title>
<link>http://logan-net.com/node/33</link>
<description><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="content:encoded"><p>One of the first songs in the new batch of demos recorded by Kenny and Mick.</p>
<p> </p>
<p><audio controls="controls"><br /><source src="http://logan-net.com/sites/default/files/Make%20It%20Happen.mp3" type="audio/mp3"></source></audio></p>
</div></div></div></description>
<pubDate>Tue, 20 Nov 2012 23:01:30 +0000</pubDate>
<dc:creator>admin</dc:creator>
<guid isPermaLink="false">33 at http://logan-net.com</guid>
</item>
</channel>
</rss>
这是来自提要源的 HTML:
<audio controls="controls">
<source src="http://logan-net.com/sites/default/files/Make%20It%20Happen.mp3" type="audio/mp3"></source></audio>
提取提要的页面的完整 HTML:
<html class="no-js" xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta name="generator" content=
"HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<meta charset="utf-8" />
<title>Logan</title>
<meta name="description" content="" />
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="cleartype" content="on" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href=
"img/touch/apple-touch-icon-144x144-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href=
"img/touch/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href=
"img/touch/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" href=
"img/touch/apple-touch-icon-57x57-precomposed.png" />
<link rel="shortcut icon" href="img/touch/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<!-- iPhone (Retina) -->
<link href="img/apple-touch-startup-image-640x920.png" media=
"(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
rel="apple-touch-startup-image" />
<!-- This script prevents links from opening in Mobile Safari. https://gist.github.com/1042026 -->
<!--
<script>(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")</script>
-->
<link rel="stylesheet" href="css/normalize.css" type="text/css" />
<link rel="stylesheet" href="css/main.css" type="text/css" />
<link rel="stylesheet" href="css/add2home.css" type="text/css" />
<script src="js/vendor/modernizr-2.6.1.min.js" type="text/javascript">
</script><!-- <script src="js/add2home.js"></script> -->
<script type="text/javascript" src="https://www.google.com/jsapi">
</script>
</head>
<body>
<div id="feed"></div>
<div id="musichome">
<a href="index.html">Home</a>
</div><!-- SCRIPTS -->
<script src="js/vendor/zepto.min.js" type="text/javascript">
</script><script src="js/helper.js" type="text/javascript">
</script><script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js" type=
"text/javascript">
</script><script src="rss/jquery.zrssfeed.min.js" type="text/javascript">
</script><!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script type="text/javascript">
//<![CDATA[
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));
//]]>
</script><script type="text/javascript">
//<![CDATA[
$(document).ready(function () {
$('#feed').rssfeed('http://logan-net.com/mp3s.xml', {
limit: 5,
date: false,
header: false,
snippet: false,
sortasc: true,
limit: 3
});
});
//]]>
</script><!-- javascript coding -->
​
</body>
</html>
</p>