嵌入的YouTube视频无法加载

我们目前对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

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

大多数YouTube视频都像这样嵌入在iframe标签中:

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

使用iframe youtube嵌入选项

或者你可以自己在tube上做，点击tube视频下面的分享，然后点击嵌入。复制并粘贴代码到你的html。

分享2。嵌入3。及复印件;粘贴

如果通过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>

相关内容

最新更新

热门标签：