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

原创文章，20191129 -16：45

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

场景应用说明：

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

STEP1

打开 视频列表 后（如图1），点选 播放列表（如图2），即可创建视频播放列表。

图1：视频列表界面

图2：播放列表 （界面）

 

STEP2

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

 

图3：新建议播放列表

STEP3

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

图4：播放列表 （界面）

STEP4

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

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

STEP5

出一个效果吧，参考如下：

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

 

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

• 如何让自己网站播放企业视频去掉广告？mark一下（支持上传、自动转码、存储、播放功能）
• 网页代码酷播v4.0调用mp4文件的范例完整版（须自己处理视频）
• 企业宣传片如何快速接入微信公众号中？

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

• 视频二维码应用教程与使用指南
• 一键实现视频二维码分享功能，So easy！
• 如何把视频转换生成二维码，扫码直接播放？

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

• h5视频倍速播放功能(视频多倍速观看功能的实例)
• QQ浏览器劫持video标签加载自己的广告（怎么解决？）