视频播放列表

[NewsPaper]

我们设计了这个自定义视频播放列表来帮助您给访问者留下深刻印象。使用这个为支持自动播放而开发的视频播放列表为您的网站带来更多流量，自动播放后会跳转到下一个视频。将视频播放列表（YouTube 或 Vimeo）添加到您的网站从未如此简单。

视频播放列表示例

playlist_example.png (423.88 KiB) 查看 8838 次

您可以使用tagDiv Composer页面构建器将播放列表添加到任何页面或模板。

创建页面或模板后，使用tagDiv Composer进行编辑时，单击Add element按钮，然后将播放列表元素拖放到您的页面中。

添加播放器列表

playlist_add.png (407.21 KiB) 查看 8838 次

将元素添加到您的页面后，它的设置将显示在tagDiv Composer部分中。

视频播放列表设置

playlist_settings.png (468.96 KiB) 查看 8838 次

YouTube API

最近的YouTube更改会提示您包含API密钥，因此您需要使用我们的指南来创建和实施 API 密钥。

YouTube 视频播放列表设置

一旦你把API拿出来，你就可以设置你的播放列表来显示你的内容。

视频播放列表选项

video_pl_settings.png (30.34 KiB) 查看 8838 次

• Title：为视频播放列表选择所需的标题，如果不需要标题，请将其留空。
• Source：视频来源允许您从特定视频ID、频道ID、YouTube用户或特定播放列表ID中抓取视频。
• List of YouTube IDs：如果您从source下拉列表中选择了视频ID，请添加每个视频的ID，以逗号分隔。
• Channel ID：如果您在source部分中选择了channel选项，请在此部分中添加channel ID。
• Username：如果您从source下拉列表中选择了用户名，请在此部分中添加YouTube用户名
• Playlist ID：如果您选择了播放列表源，请在此部分中添加播放列表ID。
• Videos limit：限制您最多可以显示50个视频的视频数量
• Autoplay：如果您希望播放列表是否自动启动，请打开或关闭。
• Cache：如果您愿意，可以缓存视频，这样就不会为每个页面访问发出新的请求。
• Cache refresh：选择所需的缓存重置小时数，最长3天。
• Display：允许您将播放列表元素更改为显示在主视频下方或主视频之外。
• Main video height：更改主视频的高度。
• Playlist width：输入视频列表的宽度。
• Playlist height：输入视频列表的高度。
• Playlist horizontal align：从左对齐、居中对齐或右对齐列表项中选择对齐方式。
• Styling：对于播放列表中各个元素的颜色和字体，有许多样式选项可用。

如何获取视频 ID。

我们将特别提供每种情况的ID示例，以便您了解在搜索要添加的ID时要查找的内容。

单个视频 ID：

单个视频ID

video_id.png (313.38 KiB) 查看 8834 次

该ID 位于watch?v=部分后面的 URL 中。忽略视频ID后以“&”符号开头的任何其他参数。

频道 ID：

频道ID

channel_id.png (169.2 KiB) 查看 8834 次

该 ID 位于 channel/部分后面的URL中。不要忘记将source类型更改为播放列表的YouTube频道。

用户名：

用户ID

user_id.png (171 KiB) 查看 8834 次

访问YouTube用户，您可以从user/部分后面的URL源获取用户名。不要忘记将播放列表的source类型更改为username。

播放列表 ID：

视频播放列表ID

playlist_id.png (160.88 KiB) 查看 8834 次

访问YouTube播放列表并从 “playlist?list=” 部分之后找到的URL中获取ID。不要忘记将播放列表的source类型更改为 “playlist id”。