Html 将youtube嵌入易趣,无iframe-IE问题
我有以下代码将youtube视频嵌入到商店页面: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&hl=en_US"> <param name="allowFullScreen" value="true"> <param name="allowscriptac
<object height="300" width="400">
<param name="movie" value="http://www.youtube.com/v/C0DPdy98e4c?fs=1&hl=en_US">
<param name="allowFullScreen" value="true">
<param name="allowscriptaccess" value="always">
<embed src="http://www.youtube.com/v/C0DPdy98e4c?fs=1&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&hl=en_US" width="400" height="300">
<param name="movie" value="http://www.youtube.com/v/C0DPdy98e4c?fs=1&hl=en_US" />
</object>
最后,这似乎在IE edge和我们想要的所有其他浏览器上都起到了作用:
<object width="400" height="300" data="http://www.youtube.com/embed/C0DPdy98e4c/?rel=0&showsearch=0&showinfo=0&version=3&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'”。