【问题标题】:How to embedd multiple videos in a youtube player如何在 youtube 播放器中嵌入多个视频
【发布时间】:2012-02-16 19:16:29
【问题描述】:

我正在尝试创建一个简单的 youtube 播放器,它应该显示视频的缩略图并且应该连续播放它们。我知道 youtube Instant 会这样做,但是 JS 被缩小了,所以我无法理解它。 我不是在寻找可以嵌入到播放器中的预制播放列表,因为最终我希望能够通过 ajax 加载添加更多视频。现在我只是想拥有一个可以播放两个视频的播放器。

这是我目前所拥有的:http://jsfiddle.net/V2nJG/4/

【问题讨论】:

    标签: jquery youtube-api youtube-javascript-api


    【解决方案1】:

    以下是您可以传递给 YouTube 的播放器参数列表:http://code.google.com/apis/youtube/player_parameters.html

    播放列表

    Value 是以逗号分隔的要播放的视频 ID 列表。如果你 指定一个值,播放的第一个视频将是 VIDEO_ID URL 路径中指定的视频,以及播放列表中指定的视频 参数将在之后播放。

    以上链接指向一般 YouTube 文档区域,请查看 JavaScript API 链接(它们对于学习如何与播放器交互非常有用)。

    此外,使用 <iframe> 嵌入更容易,并且将更多的麻烦放在了 YouTube 的肩上。例如,YouTube 将根据正在播放的设备决定如何输出视频。

    您的嵌入代码可以这么简单:

    <iframe class="youtube-player" type="text/html" width="640" height="385" src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
    </iframe>
    

    来源:http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

    【讨论】:

    • @Mike 这是一个使用 iframe 嵌入创建播放列表的演示:jsfiddle.net/Zc6Ng。顺便说一句,一个 iframe 嵌入可以做一个老式的可以做的所有事情。
    • 啊,那好多了,谢谢!我找不到,但你知道是否可以通过 ajax 将更多 id 附加到逗号分隔的播放列表中,并让它们立即排队而不是刷新页面。再次感谢
    • 这就是 JavaScript API 的用途:code.google.com/apis/youtube/js_api_reference.html。查看您可以运行的所有功能,有几种方法可以更新播放列表。
    猜你喜欢
    • 2010-10-15
    • 1970-01-01
    • 1970-01-01
    • 2016-07-03
    • 1970-01-01
    • 1970-01-01
    • 2012-10-12
    • 2012-03-09
    • 2023-03-27
    相关资源
    最近更新 更多