嵌入的 YouTube 视频未加载答案

【问题标题】：Embeded YouTube videos not loading嵌入的 YouTube 视频未加载
【发布时间】：2016-12-22 14:57:40
【问题描述】：

我们当前的 YouTube 视频实现使用 API 文档中的标准 <object>，并且不再正确加载。它显示了一个带有指向 YouTube 页面链接的空对象。

使用文档中的代码创建了一个示例，并且可以重现错误。

有人知道是否有其他方法可以使用来自 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>

API 文档：https://developers.google.com/youtube/player_parameters

【问题讨论】：

使用iframe代替embed
这个例子取自 API 文档。 developers.google.com/youtube/…
感谢您的快速回复。这是可能的，但我们不想更改那部分代码，因为许多 iframe 包含特定的样式，这对我们来说开销很小。您知道 YouTube 是否仍支持这种
它更容易，因为 <object> 已经是开销，但 iframe 样式没什么

标签： html video youtube youtube-api

【解决方案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>

或

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

【讨论】：

成功了！！显然 API 版本中的所有参数都会导致某种问题。谢谢！！！

【解决方案2】：

大多数YouTube 视频都嵌入在iframe 标记中，如下所示：

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

【讨论】：

【解决方案3】：

使用 iframe youtube 嵌入选项。

或者您可以自己在您的视频中点击分享，然后点击嵌入。复制并粘贴代码到您的 html 中。

分享 2. 嵌入 3. 复制粘贴

【讨论】：

【解决方案4】：

如果通过 API url 调用视频，也可以解决此问题。 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>

【讨论】：