Html 将youtube嵌入易趣,无iframe-IE问题

Html 将youtube嵌入易趣,无iframe-IE问题,html,youtube,embed,Html,Youtube,Embed,我有以下代码将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="allowscriptac

我有以下代码将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(至少是edge)只是显示这一点,而不是显示视频:

Ebay不允许Iframes,这就是为什么我需要找到解决问题的替代方案

所以我的问题是: 有没有人能提供一种解决方案,让我不使用iframe(iframe也可以与Internet Explorer配合使用)就可以将youtube视频嵌入ebay页面?或者至少送我去正确的方向

抱歉不能提供JSFIDLE或类似的,嵌入代码不会呈现

谢谢。

试试下面的方法

<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>

最后,这似乎在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>

注意,不包括参数

我在这里找到了解决方案(在底部的弃用部分):


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

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

看看我刚才做的这个测试项目:

它使用以下代码:

<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>

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

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


遗憾的是,这不起作用,我得到的只是一个透明的盒子,视频应该放在那里。我只是希望我可以使用这个解决方案(你的模板看起来不错),但我就是不能。我必须使用Youtube作为源,他们不提供指向mp4(或任何其他媒体类型)的URL。对不起,我以为你有一个可以使用的HTML5版本,虽然我玩它已经有一段时间了…不起作用:您可以在预览中看到它,但在编辑和发布之后就看不到它了。他们已经更改了他们的CSP策略,正如我在控制台中看到的,当我转到您的链接时:拒绝从“”加载插件数据,因为它违反了以下内容安全策略指令:“对象src'none'”。