如何在 YouTube 播放器中嵌入多个视频

发布于 2025-01-05 23:03:08 字数 286 浏览 1 评论 0原文

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

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

I'm trying to create a simple youtube player that should show thumbnail of videos and should play them consecutively. I know youtube instant does this but the JS is minified so I can't make much sense of it.
I'm not looking for a premade playlist that can be embedded into a player, because eventually I want to be able to add more videos through an ajax load. For now I am simply trying to have a player that can play two videos.

This is what I have so far: http://jsfiddle.net/V2nJG/4/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

世界如花海般美丽 2025-01-12 23:03:08

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

播放列表

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

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

此外,使用 嵌入更容易,并且会给 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

Here is a list of player parameters that you can pass to YouTube: http://code.google.com/apis/youtube/player_parameters.html

playlist

Value is a comma-separated list of video IDs to play. If you
specify a value, the first video that plays will be the VIDEO_ID
specified in the URL path, and the videos specified in the playlist
parameter will play thereafter.

The link above is to the general YouTube documentation area, check-out the JavaScript API links (they will be very useful for learning how to interact with the player).

Also, using an <iframe> embed is easier and puts more of the hassle on YouTube's shoulders. For instance YouTube will decide how to output the video based on the device it's playing on.

Your embed code can be this simple:

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文