嵌入雅虎！使用 IE11 的视频失败

Question

我正在尝试通过 iframe 将视频嵌入到 html 中

<iframe width="100%" height="351" scrolling="no" frameborder="0"   src="http://finance.yahoo.com/video/playlist/cnbc-big-data/best-worst-housing-markets-132811012.html?format=embed&player_autoplay=false"></iframe>

此视频在 Firefox 中运行良好。但是，当我尝试在 IE11 中查看 iframe 嵌入视频时，它不起作用，而是给我消息“您需要 Adob​​e Flash 才能播放此视频”——如果从原始链接查看，这在 IE11 中确实有效。

我似乎无法理解为什么这不起作用，我希望有人可以帮助我解决问题！

谢谢

Answer 1

看起来当您将视频嵌入 iframe 时，源 (Yahoo) 错误地确定了 IE11 中嵌入帧的浏览器类型。通过查看 Yahoo 源，他们会进行一些浏览器检查，甚至尝试将视频标签添加到标记中。如果这些都失败了，代码会说使用默认设置，即设置为 flash。

http://yep.video.yahoo.com/js/3/videoplayer-min.js?lang=en-US  


getRendererType: function (al) {
        var am = "html";
        if (f.Lang.isString(al.mobile) || f.Lang.isNumber(al.ios) || al.android > 0) {
            return am;
        }
        if ((navigator && navigator.userAgent) && ((navigator.userAgent.indexOf("MSAppHost") >= 0) || (/.+MSIE 10.+Windows NT.+WebView/i.test(navigator.userAgent)))) {
            return am;
        }
        if (this._fallBackTOHTML5(al)) {
            return am;
        }

        function Y() {
            return !!document.createElement("video").canPlayType;
        }
        if (this._preferHTML5 && Y()) {
            return am;
        }
        return this._defaultRenderer;

但是将浏览器代理改回IE10，渲染类型成功，视频显示。

虽然这只是一个猜测，但我敢打赌 IE11 使用的新用户代理字符串会以某种方式告诉此视频组件控件不正确地呈现。不幸的是，视频播放器中有太多代码，很难解开。

更新： 我尝试修改 navigator.userAgent 字符串以显示为 IE10 没有任何运气 Sample

更新 2： 我不认为这是一个用户代理字符串。一定是在 IE11 的 iframe 中添加视频标签。修改用户代理确实可以解决它。也许两者兼而有之。

遗憾的是，我认为您只需要等待他们修复视频控件即可。