教你一招:多个视频如何实现列表播放?

时间:2024-04-13 19:37:15

原创文章,20191129 -16:45

我是视频产品经理,喜欢研究视频类应用,今天来介绍一下视频列表的实现教程。

场景应用说明:

1. 有多个视频,希望通过列表来实现播放;
2. 提示,本教程主要基于PC端观看。

STEP1

打开 视频列表 后(如图1),点选 播放列表(如图2),即可创建视频播放列表。

教你一招:多个视频如何实现列表播放?

图1:视频列表界面

教你一招:多个视频如何实现列表播放?

图2:播放列表 (界面)

 

STEP2

创建新的播放列表,如下图。

 

教你一招:多个视频如何实现列表播放?

图3:新建议播放列表

STEP3

选择视频,添加至您的播放列表,如下图。

教你一招:多个视频如何实现列表播放?

图4:播放列表 (界面)

STEP4

会自动生成一段JS代码,你可以将此代码添加到您自己的网页中,进行列表形式的播放。提示一下,这段JS代码对移动的兼容性并不很好,建议PC端用这段代码。

教你一招:多个视频如何实现列表播放?

图5:获取该播放列表的代码

STEP5

出一个效果吧,参考如下:

教你一招:多个视频如何实现列表播放?

图6:播放列表 整理的观看效果

 

企业产品宣传片视频调用的问题:

企业产品宣传片自动生成视频二维码:

企业产品宣传片其他问题: