如何使用 Elementor 轻松制作视频播放列表而无需任何编码 [2022]

虽然将视频添加到您的网站非常容易，但使用 Elementor 制作视频播放列表对内容创建者来说是一个挑战。 现在，通过Elementor PRO的最新更新，您可以轻松地为您的网站创建精美的视频播放列表并展示您的视频。

Elementor Pro 3.3带有一个全新的“视频播放列表”小部件，它改变了网络创建者向其网站添加多媒体内容的方式。 现在，您可以通过精美地展示动画和交互式视频播放列表来吸引您的网站访问者并让他们在您的页面上停留更长时间，甚至可以按照您想要的任何方式对其进行自定义，而无需编写任何代码。

无需编码即可在 Elementor 中精美显示视频播放列表

对于任何内容创建者来说，在 WordPress 中添加视频播放列表等交互式视觉内容有助于提高与网站访问者的互动。 这不仅适用于为 Youtube 创建内容的人，也适用于任何拥有 WordPress 网站的人，例如游戏玩家、健身教练、舞蹈老师，甚至是小企业主。

使用Elementor Pro 3.3 ，您现在可以以前所未有的方式显示您的视频内容。 您不仅可以决定要添加到播放列表中的特定视频，还可以控制它们的显示顺序，自定义播放图标、标签、缩略图和叠加层等等。

最好的部分？ 在 Elementor 中制作视频播放列表只需 5 分钟。

这还不是全部，您甚至可以为您的视频启用延迟加载，以便它们在需要播放之前不会加载。 这将使您的网页加载更快，并增强您的网站访问者的体验。

让我们深入了解 Elementor 中的这个新小部件是如何工作的，以及如何使用它在 WordPress 中创建漂亮的视频播放列表。

在您的 WordPress 网站上无缝添加多个视频

在您的 WordPress 网站上一次上传一个视频可能会有点麻烦，尤其是当您有很多重要的视频内容要与网站访问者分享时。 它不仅会使您的网页更重，而且单独上传视频会占用大量页面空间和时间。

但是，使用视频播放列表，您可以创建一个部分，将所有视频内容整齐地组织在适当的位置，并让您的网站访问者选择他们想要播放的视频。 这将为您留出更多空间来在您的网页上添加其他内容、减少滚动内容并鼓励网站访问者在您的网站上停留更长时间。

以您想要的任何方式个性化您的视频播放列表和样式

您可以在Elementor Editor中以任何方式设置播放列表的样式，赋予其个人风格并推广您的品牌。 您所要做的就是调整“样式”选项卡中的设置，让您的播放列表脱颖而出。 您可以选择添加自定义缩略图、在视频下方添加标签以显示说明或视频脚本等等。

通过引人入胜的教程播放列表使在线学习更容易

如果您要与网站访问者共享教程，那么Elementor的这个视频播放列表小部件将帮助您提高参与率。 无论您是分享产品教程、分享在线教育视频、舞蹈教程还是健身教程，您的网站访问者都将能够通过更具互动性的视觉内容了解您的产品或业务。

如何在 WordPress 上使用 Elementor 制作视频播放列表

因此，现在您已经了解视频播放列表如何让您的网站脱颖而出并获得更多网站访问者的参与。 让我们深入了解本教程，看看如何使用 Elementor 在 WordPress 中创建视频播放列表。

注意：如果您不熟悉使用 Elementor 网站构建器，您可以查看我们完整的初学者指南，了解如何使用 Elementor 以获取有用的提示和技巧。

第 1 步：在您的网站上安装和激活 Elementor

首先，您必须在您的 WordPress 网站上安装并激活 Elementor 。 完成后，请确保还安装Elementor Pro ，因为此小部件专门用于网站构建器的高级版本。

安装并激活 Elementor 和 Elementor Pro 后，前往 WordPress 仪表板并创建一个新页面。 单击蓝色的“使用 Elementor 编辑”按钮，如下所示。 这将在 Elementor Editor 中打开您的页面。

第 2 步：拖放视频播放列表小部件

Elementor Editor 加载完成后，从左侧面板转到“ELEMENTS”选项卡并搜索“Video Playlist”小部件。 现在您所要做的就是将小部件拖放到页面的任何部分。 您的播放列表将默认显示如下。

第 3 步：添加您的视频播放列表并配置内容

您现在可以一一添加您的视频，在 WordPress 上创建您自己的自定义播放列表。 在“内容”选项卡中，单击“播放列表”选项。 在这里，您只需粘贴 URL 或上传您自己的文件即可添加您的视频。

如果您从 Youtube 分享视频，请单击“类型”选项并将来源设置为“Youtube”。 如果您从其他来源分享您的视频，只需切换到“自托管” ，然后通过打开“分享外部 URL”选项上传您的视频或分享您的视频链接。

对于 Youtube 视频，您可以轻松点击“获取视频数据”按钮，立即从 Youtube 导入您的所有视频设置和信息，包括您的视频缩略图和标题。

如果您想分享有关您的视频的其他信息（例如描述或脚本），您还可以选择为您的视频显示“内容选项卡” 。

要添加更多视频，请单击“播放列表”中的“+ 添加项目”按钮，然后重复上述步骤。 随意添加尽可能多的视频，以在 Elementor 中创建播放列表。

还有很多选项可以帮助您配置播放列表的内容，并为您的网站访问者提供更好的服务。 例如，从“标签”选项中，您可以添加视频标签的名称，使其可折叠并调整高度。

您还可以添加自定义图像叠加和播放图标，甚至打开加载时自动播放、显示视频计数和持续时间等附加选项，并启用延迟加载以加快网页速度。

第 4 步：在 Elementor 中设置和自定义您的视频播放列表

这是本教程中最好的部分。 在这里，我们将向您展示如何自定义播放列表并添加您自己的个人风格。 从更改布局高度、自定义顶部栏、选项卡等的颜色，您可以以各种可以想象的方式设置播放列表的样式。 只需单击几下，即可使用设置并为您的网站设计漂亮的播放列表。

您甚至可以使用Elementor 的全局颜色和字体功能来确保播放列表的设计与您的网站颜色或品牌颜色一致。 如果需要，您还可以通过添加自定义 CSS 代码片段来进一步自定义。

第 5 步：在 WordPress 上发布和分享您的视频播放列表

现在您已完成将视频添加到播放列表并自定义外观，剩下要做的就是与全世界分享。 保存您所做的更改，并预览您的页面以查看播放列表在实时网站上的显示方式。 如果您喜欢它的外观，请点击“发布”按钮在您的 WordPress 网站上分享您的播放列表。

查看我们在下面的本教程中制作的那个。

使您的网站与视频播放列表互动

如您所见，在 WordPress 中创建一个令人惊叹且设计精美的视频播放列表再简单不过了。 今天就亲自尝试一下，并通过在 Elementor 中制作交互式视频播放列表来提高参与度。

喜欢本教程吗？ 在下面的评论中与我们分享您的想法； 我们很乐意听取您的意见。 如需更多有趣的教程、新闻和更新，请订阅我们的博客或加入我们友好的 Elementor 用户社区，如您自己。