YouTube iframe API 不再在 AIR StageWebView 或 C# WebBrowser 中播放视频
Posted
技术标签:
【中文标题】YouTube iframe API 不再在 AIR StageWebView 或 C# WebBrowser 中播放视频【英文标题】：YouTube iframe API no longer playing videos in AIR StageWebView or C# WebBrowser 【发布时间】：2018-03-09 10:49:28 【问题描述】：我有一个 Adobe AIR 应用程序，它使用 YouTube iframe API 播放 YouTube 视频，使用 StageWebView 实现。几年前它运行良好，今天我发现它无法播放 YouTube 视频。
如果我创建不带参数的 StageWebView()（我一直这样做并且直到今天都没有问题），AIR 使用 WebKit。 YouTube iframe API 加载，但视频不播放。如果我右键单击窗口并单击“Stats for nerds”，然后突出显示文本并按 Control+A 将其全部选中，我将其复制并粘贴到文本编辑器后得到以下内容：
“您的浏览器目前无法识别任何视频格式 可用。”
当我看到它不起作用时，我改用了 StageWebView(true)，它使用机器的系统默认 Web 引擎。这不会成功加载 YouTube iframe API，因此根本不会出现视频窗口。
以下是 Adobe AIR (Animate CC 2017 / AIR v.26) 中用于基本验证的代码：
var webView:StageWebView = new StageWebView();
webView.stage = this.stage;
webView.viewPort = new Rectangle(0, 0, stage.stageWidth, stage.stageHeight);
webView.loadURL("http://batsonengineering.com/testyt.html");
“testyt.html” 中的代码是 YouTube iframe API 网页 (https://developers.google.com/youtube/iframe_api_reference) 上的示例，除了我添加了一些警报语句以查看发生了什么。如果你运行它，你会看到如果我使用 WebKit，alert("4") 永远不会出现，如果我使用默认的 web 引擎，alert("3") 永远不会出现。下面是testyt.html中的代码：
<!DOCTYPE html>
<html>
<body>
<!-- 1. The <iframe> (and video player) will replace this <div> tag. -->
<div id="player"></div>
<script>
// 2. This code loads the IFrame Player API code asynchronously.
alert("1");
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
alert("2");
// 3. This function creates an <iframe> (and YouTube player)
// after the API code downloads.
var player;
function onYouTubeIframeAPIReady()
alert("3");
player = new YT.Player('player',
height: '390',
width: '640',
videoId: 'M7lc1UVf-VE',
events:
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
);
// 4. The API will call this function when the video player is ready.
function onPlayerReady(event)
alert("4");
event.target.playVideo();
// 5. The API calls this function when the player's state changes.
// The function indicates that when playing a video (state=1),
// the player should play for six seconds and then stop.
var done = false;
function onPlayerStateChange(event)
alert("5");
if (event.data == YT.PlayerState.PLAYING && !done)
setTimeout(stopVideo, 6000);
done = true;
function stopVideo()
player.stopVideo();
</script>
</body>
</html>
如果我换行：
webView.loadURL("http://batsonengineering.com/testyt.html");
到：
webView.loadURL("https://youtu.be/M7lc1UVf-VE");
这将我带到该视频播放的 YouTube 页面，YouTube 页面将加载，但如果我使用系统网络引擎，视频将无法播放。如果我使用 WebKit，视频会播放。但是，我需要能够使用 iframe API 命令来控制视频，并且不希望向我的用户显示整个 YouTube 页面。我需要嵌入它。
在此之后，我决定看看是否可以让 YouTube 在 C# WebBrowser 组件中播放视频。这也行不通。但是，如果我直接在浏览器中运行http://batsonengineering.com/testyt.html，视频就会播放。因此，YouTube 似乎已经改变了一些内容，以防止视频在嵌入到 StageWebView 或 WebBrowser 等容器中时播放。
所以我的问题是：
1) 是什么导致 WebKit 突然无法在 StageWebView 中播放 YouTube 视频？
2) 是什么导致我系统的网络引擎在 StageWebView 中突然无法加载 YouTube API？
3) 有什么办法可以解决这个问题吗？
【问题讨论】：
【参考方案1】：考虑：
当 HTML 文件在 https 服务器上时尝试加载？
Youtube 可能只接受来自安全 (https) 域的外部请求。
您不能将 http 内容与基于 https 的内容混合。
这意味着如果您的域是 http://batsonengineering.com（使用 HTTP），则它不能有像 tag.src = "https://www.youtube.com/iframe_api";（使用 HTTPS）这样的 html 代码。
尝试使用tag.src = "http://www.youtube.co... etc
【讨论】：
嗨 VC.One，我尝试使用专门的 http，然后专门使用 https，每次都收到相同的结果 - 没有视频播放。不过感谢您的建议！以上是关于YouTube iframe API 不再在 AIR StageWebView 或 C# WebBrowser 中播放视频的主要内容，如果未能解决你的问题，请参考以下文章
我无法让Youtube API在Squarespace中运行