2016-08-16 172 views
1

我们目前的YouTube视频实现使用API​​文档中的标准标记,并且不再正确加载。 它只显示一个带有到YouTube页面链接的空白对象。嵌入的YouTube视频无法加载

我创建了一个使用来自docu的代码的例子,并且错误是可重现的。

有谁知道是否有另一种方式使用来自YouTube的嵌入代码?

非常感谢您提前。

下面是示例代码:

<!DOCTYPE html> 
<html> 
<head> 
<title>Page Title</title> 
</head> 
<body> 

<h1>This is a Heading</h1> 
<p>This is a paragraph.</p> 
<object width="640" height="390"> 
    <param name="movie" 
     value="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1"></param> 
    <param name="allowScriptAccess" value="always"></param> 
    <embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1" 
     type="application/x-shockwave-flash" 
     allowscriptaccess="always" 
     width="640" height="390"></embed> 
</object> 

</body> 
</html> 
+0

而不是'embed'使用'iframe' –

+0

本示例取自API Docu。 https://developers.google.com/youtube/player_parameters?hl=de#AS3_Object_Embeds – Solksjaer

+0

感谢您的快速响应。这可能是一种可能性,但我们并不想改变代码的这一部分,因为许多iframe包含特定的样式,这对我们来说会是一个琐碎的开销。你知道这个方法仍然受YouTube支持吗? – Solksjaer

回答

1
You don't need all those thing just do it like this.. 

<object width="420" height="315" 
data="http://www.youtube.com/v/XGSy3_Czz8k"> 
</object> 

OR

<embed width="420" height="315" 
src="http://www.youtube.com/embed/XGSy3_Czz8k"> 
+0

这样做!显然,API版本中的所有参数都会导致某种问题。谢谢!!! – Solksjaer

0

大多数YouTube影片被嵌入在iframe标签是这样的:

<iframe src="link_to_video"></iframe> 
0

使用iframe youtube嵌入选项。

或者你可以做你自己在你管上点击你下面的共享管视频,然后点击embed.Copy并粘贴代码到你的html中。

  1. 分享2.嵌入3.复制粘贴&
0

的问题也可以解决,如果视频被称为在API网址。 https://www.youtube.com/apiplayer?version=3&video_id=oPEJzOTgQCE&enablejsapi=1&playerapiid=ytplayer&rel=0

这可以使用所有额外的参数并且工作方式与其他URL完全相同。

<object data="https://www.youtube.com/apiplayer?version=3&amp;video_id=oPEJzOTgQCE&amp;enablejsapi=1&amp;playerapiid=ytplayer&amp;rel=0" type="application/x-shockwave-flash" id="flash_236856494" width="312" height="173"><param name="scale" value="showAll"><param name="salign" value="tl"><param name="menu" value="false"><param name="update" value="true"><param name="allowfullscreen" value="true"><param name="wmode" value="opaque"><param name="bgcolor" value="#DADADA"><param name="allowScriptAccess" value="sameDomain"><param name="flashvars" value="youtubeId=oPEJzOTgQCE&amp;autostart=false&amp;suggestedQuality=large"><param name="movie" value="https://www.youtube.com/apiplayer?version=3&amp;video_id=oPEJzOTgQCE&amp;enablejsapi=1&amp;playerapiid=ytplayer&amp;rel=0"></object>