播放列表

视频播放器元素使用说明

视频播放器元素适用于在播放列表中集中展示多个视频，支持自定义布局和播放设置，提升视频内容的组织性与观看体验。以下是具体操作说明：

视频播放器元素的添加

• 在元素面板的“媒体”分类下找到视频播放器元素，按住并拖动至页面指定位置。初始添加时界面简洁，添加视频后会自动形成播放列表样式。

视频的添加与管理

• 添加视频链接：
  • 从YouTube或Vimeo复制视频链接；
  • 选中视频图标，在视频类型中选择对应平台（YouTube或Vimeo），粘贴链接即可添加视频。
• 批量添加：复制已添加的视频，替换链接即可快速添加新视频，逐步构建播放列表。

播放列表的布局设置（点击右上角设置）

• 缩略图位置：
  • 支持设置为右侧（水平排列）或顶部（垂直排列），顶部排列时可切换至底部；
  • 根据设计需求选择显示列数，优化导航体验。
• 尺寸控制：
  • 在元素设置中可调整播放器区域的宽度（适用于整个元素），侧边栏宽度会随播放器区域成比例缩放；
  • 可设置缩略图大小和内容间距，优化整体布局。

视频的高级设置与样式

• 单个视频设置：点击视频后进入“高级”设置，可控制品牌标识、循环播放、起止时间，添加自定义封面，以及在默认状态和悬停状态下应用滤镜（按需设置）。
• 排版与颜色：
  • 标题和副标题可分别设置排版样式；
  • 颜色设置支持单独调整播放按钮、图标、标题、副标题、背景及边框的颜色；
  • 标题修改：点击标题选中文字，直接输入内容即可；支持添加副标题，实现视频信息的逐个设置。
• 外观细节：可完全控制播放列表的边框和阴影颜色，适配页面设计风格。

视频排序与常规设置

• 排序功能：使用选项工具栏中的重新排序功能，选中视频后点击上下箭头，可调整其在播放列表中的位置。
• 常规样式：包括内边距、外边距和边角处理，优化元素与周边内容的间距和外观。
• 动态效果：支持添加入场动画和滚动效果，增强元素的视觉表现力。

总结

视频播放器元素通过便捷的视频添加方式和灵活的布局设置，可高效构建结构化的视频播放列表。其支持单个视频的高级配置、排版与颜色自定义，以及播放列表的排序调整，能满足多样化的视频展示需求。合理使用该元素，可提升视频内容的可浏览性与观看体验，操作时建议根据页面设计统一样式，并通过布局设置优化空间利用。