在没有 iframe 的情况下将 youtube 嵌入到 ebay - IE 问题 [关闭]答案

【问题标题】：Embed youtube to ebay without iframe - IE issue [closed]在没有 iframe 的情况下将 youtube 嵌入到 ebay - IE 问题 [关闭]
【发布时间】：2016-05-23 11:45:47
【问题描述】：

我有此代码可将 youtube 视频嵌入到商店页面：

<object height="300" width="400">
    <param name="movie" value="http://www.youtube.com/v/C0DPdy98e4c?fs=1&amp;hl=en_US">
    <param name="allowFullScreen" value="true">
    <param name="allowscriptaccess" value="always">
    <embed src="http://www.youtube.com/v/C0DPdy98e4c?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="300" width="400">
</object>

虽然这几乎适用于所有其他浏览器，但 Internet Explorer（至少是边缘）只显示这个而不是视频：

Ebay 不允许使用 iframe，这就是为什么我需要为我的问题找到替代解决方案的原因。

所以我的问题是：有没有人允许我在不使用也适用于 Internet Explorer 的 iframe 的情况下将 youtube 视频嵌入到 ebay 页面的解决方案？或者至少送我到正确的方向？

抱歉无法提供 JSFiddle 或类似内容，嵌入代码无法呈现。

谢谢。

【问题讨论】：

标签： html youtube embed

【解决方案1】：

最后，这似乎适用于 IE edge 和我们想要的所有其他浏览器：

<object width="400" height="300" data="http://www.youtube.com/embed/C0DPdy98e4c/?rel=0&amp;showsearch=0&amp;showinfo=0&amp;version=3&amp;modestbranding=1">
</object>

注意，不包含任何参数。

我在这里找到了解决方案（在已弃用的部分，在底部）：link

如果您能找到更好的解决方案，请告诉我。

【讨论】：

不起作用：ebay.de/itm/323634783404 预览中可以看到，编辑发布后就看不到了。
他们已经改变了他们的 CSP 政策，当我转到您的链接时，我可以在控制台中看到这一点：拒绝从“youtube.com/embed/KPRofwUoMxc”加载插件数据，因为它违反了以下内容安全政策指令：“object-src 'none'”。

【解决方案2】：

尝试使用 HTML5 添加视频，这是一种享受！

看看我不久前做的这个测试项目：

http://www.ebay.co.uk/itm/Very-Clearance-Test-Item-Do-not-purchase-/110817518370?hash=item19cd3d2322

它使用这个代码：

<video poster="http://media.very.co.uk/v/very/B494P_SP132_10_4D6FFc?" class="vjs-tech" id="Video1" preload="auto" src="http://media.very.co.uk/v/sd/B494P_SP132_10_4D6FFc/p_webm_576x768" autoplay="autoplay" loop="">
         <source data-quality-label="High" data-bitrate="2012" data-res="High" src="http://media.very.co.uk/v/sd/B494P_SP132_10_4D6FFc/p_mp4_576x768" type="video/mp4">          
         <source data-quality-label="Medium" data-bitrate="1549" data-res="Medium" src="http://media.very.co.uk/v/sd/B494P_SP132_10_4D6FFc/p_mp4_500x667" type="video/mp4">
         <source data-quality-label="Low" data-bitrate="909" data-res="Low" src="http://media.very.co.uk/v/sd/B494P_SP132_10_4D6FFc/p_mp4_400x533" type="video/mp4">          
</video>

【讨论】：

我只是希望我可以使用这个解决方案（你的模板看起来不错），但我不能。我必须使用 Youtube 作为来源，他们不提供 mp4（或任何其他媒体类型）的 URL。
对不起，我以为你有一个可以使用的 HTML5 版本，虽然我已经有一段时间没有玩它了...

【解决方案3】：

试试下面的

<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/C0DPdy98e4c?fs=1&amp;hl=en_US" width="400" height="300">
    <param name="movie" value="http://www.youtube.com/v/C0DPdy98e4c?fs=1&amp;hl=en_US" />
</object>

【讨论】：

很遗憾，这不起作用，我只得到了一个透明框，视频应该放在哪里。

【解决方案4】：

这将持续到 2017 年年中，届时他们将禁止活跃内容。将页面上的 Xs 替换为 11 位代码。

<OBJECT width=740 height=400><PARAM NAME="movie"VALUE="http://www.youtube.com/v/XXXXXXXXXXX?rel=0&hd=0"><PARAM NAME="wmode" VALUE="opaque">

【讨论】：