将 Youtube 嵌入到要从智能电视观看的网页上

Question

简单的问题...

我正在制作一个小网页，应该从智能电视上查看。此页面提供一些 Ajax 调用等。

但该网站还播放了一段Youtube视频。问题是Youtube视频显示为Flash内容。智能电视不播放闪光灯，所以我有麻烦了。

有人知道如何处理这个问题吗？

Answer 1

是的，我想做同样的事情。这就是实现此逻辑的方式。它对我来说工作正常。

.HTML：

<div id="webElement" style="display: none;"></div>  

.JS：

当收到 ajax 调用（包含许多 YouTube/WebPages/MP4 文件类型的文件）时：

if (Utility.isYouTube(dr.FileName)) {  
dr.IsWeb = true;  
dr.WebUrl = "http://www.youtube.com/embed/" + Utility.getParameterByName('v', dr.FileName) + "?rel=0&autoplay=1";  
}  

这是我玩它的方式（如果网页/Youtube）：

var webElement = jQuery("#webElement");  
webElement.empty();  
var obj = "<object type='text/html' width='1920' height='1080' data='" + dr.WebUrl + "' onerror='Player.onWebElementError();'> </object>";  
webElement.append(obj);  
webElement.show();  

希望它能帮助你实现你想要的。

Answer 2

三星智能电视确实使用Flash。这取决于你希望应用运行哪台电视。如果你正在为2011年开发，那将是行不通的，因为2011年的SmartTV型号仅支持AS2.0，而YouTube已经停止支持AS2.0的API版本。对于 2012 年和 2013 年的型号，您可以通过执行以下操作轻松嵌入 YouTube 视频：

var attributes = { id: "myytplayer" }, params = { allowScriptAccess: "always", allowFullScreen: "true"};
swfobject.embedSWF('http://www.youtube.com/apiplayer?enablejsapi=1&version=2&fs=1', "ytplayer",400, 600, "6", null, null, params, attributes);
然后要加载视频：
ytp.getVideo('http://www.youtube.com/watch?v=ubAjEjkJIJo');
ytp.getVideo = function (url) {

//loads video by url
ytp.ytp_ref.cueVideoByUrl(url); };