目前正在为特定站点制作 Windows 8 RSS 阅读器应用程序。除了视频 [通常是 YouTube] 外,一切正常,因为该网站用于<object></object>
嵌入视频而不是<iframe>
. 结果只是一个大的空白对象块,视频应该在哪里。
我的第一个直觉是找到<object></object>
标签并将其替换<iframe>
为正确的 URL 并添加 src 属性。我创建了一个虚拟应用程序来测试此方法是否可行,并且解决方案是否有效,如果您更改的只是静态 HTML。
虚拟应用程序代码:
<body>
<div style="text-align: center;">
<object width="853" height="480" id="test">
<param name="movie" value="http://www.youtube.com/v/2rDs7W3WRIk?version=3&hl=en_US"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/2rDs7W3WRIk?version=3&hl=en_US" type="application/x-shockwave-flash" width="853" height="480" allowscriptaccess="always" allowfullscreen="true"></embed>
</object></div>
编写并调用了以下函数,该函数确实有效。想做类似于 XML 文档的事情:
function setHTML5video() {
var listOfSrcs = document.getElementsByTagName("embed");
for (var i = 0; i < listOfSrcs.length; i += 1) {
var videoSrc = document.getElementsByTagName("embed")[i].getAttribute("src");
var newSrc = videoSrc.replace("/v/", "/embed/");
//var newNode = '<iframe width="853" height="480" src="' + newSrc + '" frameborder="0" allowfullscreen></iframe>';
var iFrame = document.createElement("iframe");
iFrame.setAttribute("src", newSrc);
document.getElementsByTagName("object")[i].replaceNode(iFrame);
//WinJS.Utilities.setOuterHTMLUnsafe(test, newNode);
}
}
虚拟应用程序代码结束。
但是,由于缺乏对 Windows 8 API 的了解,并且尽管整天都在网上搜索答案,但我无法找到如何对从外部站点下载的 XML 提要执行相同操作。我可能缺少一些基本的东西。
function itemInvoked(z) {
var currentArticle = articlesList.getAt(z.detail.itemIndex);
WinJS.Utilities.setInnerHTMLUnsafe(articlecontent, currentArticle.content);
articlelist.style.display = "none";
articlecontent.style.display = "";
mainTitle.innerHTML = currentArticle.title;
WinJS.UI.Animation.enterPage(articlecontent);
}
当用户点击缩略图时,相应文章的 XML RSS 提要被拉出并注入到 id = "articlecontent" 中。我想在注入之前修改该提要。
<section id="content">
<div id="articlelist" data-win-control="WinJS.UI.ListView"
data-win-options="{ itemDataSource: mmoNewsPosts.ItemList.dataSource, itemTemplate: MMOItemTemplate }"></div>
<!-- Article Content -->
<div id="articlecontent"></div>
<!-- Article Content -->
</section>
编辑,因为似乎存在混淆,我已经通过 WinJS.xhr 加载了提要:
function downloadMMOFeed(FeedUrl) {
WinJS.xhr({ url: FeedUrl, responseType: "xml" }).then(function (rss) {
pageTitle = rss.responseXML.querySelector("title").textContent;
mainTitle.innerHTML = pageTitle;
var items = rss.responseXML.querySelectorAll("item");
//more stuff...
for (var n = 0; n < items.length; n +=1) {
article.content = items[n].querySelector("description").textContent;
//more stuff...