在 HTTPS 网站上嵌入 Youtube 时 Internet Explorer 出现警告？

Question

编辑 2011 年 3 月 22 日：这个问题不再那么重要，因为 YouTube 现在提供 HTTPS 访问：http://apiblog.youtube.com/2011/02/https-support-for-youtube-embeds.html

---

我们的应用程序通过 HTTPS 运行，很少给我们带来任何问题。然而，当谈到 YouTube 时，他们不通过 SSL 连接呈现任何内容，这一事实让我们在尝试嵌入剪辑时感到头疼。主要是因为 Internet Explorer 著名的小警告消息：

“您只想查看网页吗 安全交付的内容？ 此页面包含的内容将 不使用安全的 HTTPS 进行传送 ...等等”

我尝试通过多种方式解决这个问题。最有希望的一种是使用 Apache 中的 ProxyPass 功能来映射到 YouTube。

就像这样：

ProxyPass: /youtube/ http://www.youtube.com
ProxyPassReverse: /youtube/ http://www.youtube.com

这消除了烦人的警告。但是，youtube SWF 失败开始流式传输 我设法加载到浏览器中的 SWF 只是声明：“发生错误，请稍后再试”

潜在的解决方案可能是：

• 下载 youtube FLV:s 并在自己的域之外提供它们（gah）
• 使用自定义 FLV-。通过 https 代理播放并仅播放来自 YouTube 的 FLV:s？

3 月 10 日更新：我尝试过使用 Googles Youtube API for ActionScript 来加载播放器。起初看起来很有希望，我能够通过我的 https:// 代理加载播放器。但是，SWF加载的内容包含对不同非 ssl url 的显式调用负载，以便为 FLV 流创建身份验证链接并加载不同的跨域策略。

看起来我们确实不应该直接访问 flv 流。这使得绕过 Internet Explorer 警告变得非常困难，除非从 YouTube 中删除 FLV:s 并将其提供给您自己的域。

有一些解决方案可以下载 YouTube FLV:s。但这不符合 YouTube 使用条款，对我们来说确实不是一个选择。

Answer 1

好吧，最后我找到了一个解决方案。事实上，它既简单又令人愉快。

使用精彩的 jQuery 插件 YouTubin 的组合，它可以选择通过以下方式包含 YouTube 视频swfobject。 swfobject.js 中的一些魔法只是简单地为我们解决了这个问题。

因此，只要包含 jquery、swfobject 和 jquery.youtubin您将能够执行以下操作：

$.youtubin();

并且所有包含 youtube-clips 链接的锚链接都将替换为嵌入式 YouTube 播放器。

最后的解决方案来自精彩的 swfobject 项目。不知何故，他们只是解决了这个问题。

这是证据:)： http://screencast.com/t/YzVlZjkx

Answer 2

您可以使用 swfobject，这实际上是 youtubin 所做的一切。

http://code.google.com/p/swfobject/

Answer 3

好消息 - Youtube 的标准嵌入 URL 可以提供 https 前缀，而不是 http 前缀。与 swfobject 结合使用，效果很好。

swfobject.embedSWF("https://www.youtube.com/v/Zm80UedfaxA&enablejsapi=1&playerapiid=hPatentplayer", "Patentplayer", "586", "351", "9.0.0", "custom/expressInstall .swf", null, params, atts);

Answer 4

只需使用 SWFOBJECT... 就解决了我的问题

<script type="text/javascript" src="js/swfobject.js"></script>

<div id="quibskiplayer"></div>

<script type="text/javascript">
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)

var videoID = "";  // REPLACE VIDEO IT HERE
var divID = "quibskiplayer";  //PLACE ID OF DIV TO BE REPLACED HERE 
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };

swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "&enablejsapi=1&playerapiid=player1",  divID, "325", "225", "8", null, null, params, atts);

</script>

并且在任何情况下您都不希望用户找到视频 ID，您可以在 PHP 中执行以下操作：

$src = $row['youtube_embedd']; // $src is the entire Embedd code
$regex_pattern = '/youtube\.com\/(v\/|watch\?v=)([\w\-]+)/';
preg_match($regex_pattern,$src,$output);
$videoID = $output[2];

TECHFORGE 在线

Answer 5

我知道这已经很旧了，但我解决了谷歌糟糕的 YouTube 证书和 IE7 播放问题的 BS。

您必须嵌入 AS3 播放器。我用 swfObject 做到了，因为我需要控制电影等。

enter code here
var params = {allowScriptAccess:"always",wmode:"transparent"};
var atts1 = {id:"myytplayer1"};
var atts2 = {id:"myytplayer2"};
var atts3 = {id:"myytplayer3"};         
swfobject.embedSWF("https://www.youtube.com/v/xxxxx?version=3&autohide=1&controls=0&enablejsapi=1&fs=1&rel=0&iv_load_policy=3&feature=player_embeded&playerapiid=ytplayer1","video1R", "260", "150", "8", null, null, params, atts1);  
swfobject.embedSWF("https://www.youtube.com/v/xxxxx?version=3&autohide=1&controls=0&enablejsapi=1&fs=1&rel=0&iv_load_policy=3&feature=player_embeded&playerapiid=ytplayer2","video2R", "260", "150", "8", null, null, params, atts2);
swfobject.embedSWF("https://www.youtube.com/v/xxxxx?version=3&autohide=1&controls=0&enablejsapi=1&fs=1&rel=0&iv_load_policy=3&feature=player_embeded&playerapiid=ytplayer3","video3R", "260", "150", "8", null, null, params, atts3);    

function onYouTubePlayerReady(playerId) {
 ytplayer1 = document.getElementById("myytplayer1");
 ytplayer2 = document.getElementById("myytplayer2");
 ytplayer3 = document.getElementById("myytplayer3");
}

function pauseYTVideo(divId){
   if (divId.substr(5,1) == 1) ytplayer1.pauseVideo();
   if (divId.substr(5,1) == 2) ytplayer2.pauseVideo();
   if (divId.substr(5,1) == 3) ytplayer3.pauseVideo();
}

Answer 6

我们刚刚遇到了这种性质的问题，IE7 会抛出通过 SSL 嵌入的 YouTube 视频的混合媒体错误。事实是，他们通过 https 的本机播放器根本不是 SSL。如果您查看调用该单元时页面所使用的资源，您会发现它通过 HTTP 从静态服务器调用文件。他们针对 Flash 版本和 JavaScript 版本的检测脚本也从 HTTP 地址调用。

IE 将根据此信息抛出错误。

但有一个非常简单的解决方法！使用 YouTube 无 Chrome API。该播放器不会调用任何额外的文件来操作，它是一个纯粹的现成可用的解决方案。这是一个更可靠的播放器，它使您可以通过外部元素更好地控制播放器。

http://code.google.com/apis/youtube/youtube_player_demo.html