利用WordPress相册打造的b站视频播放列表

菜心哥

这是菜心哥使用WEN主题功能的心得，功能简介：使用WordPress的原生相册输出一个图片列表，点击图片就可弹出视频播放，无需进入内页再播放视频，并可以自动兼容手机和PC电脑的访问（B站视频在PC端的播放代码需加高度和宽度才能正常。）

听说目前WEB一些主题已经更新了这个功能，如果你的也是WEN主题可以来试试，给网站增加一个B站的视频列表。

1.插入一个视频列表

点击编辑器右上方的”添加媒体按钮“，并选择创建相册：

上传适合手机宽度，高度为40px左右图片到创建相册这里，上传好了之后，请点选一张图片，然后在图片右方出现的图片设置中填写视频代码。

注意：视频代码请复制B站分享代码的”html代码“，这样才能够兼容手机和PC端播放。

这样依次添加上图片，排列顺序按你自己的要求，点击保存，发布页面即可得到一个点击播放的视频列表，下面是PC端和点击的播放效果：

下面是手机端和播放效果：

如果需要修改视频列表，那么可以点击相册上面的铅笔按钮，进行修改，这样可以在一个页面输出一组视频列表，不需要进入到内页进行播放，对于一些需要视频播放效果的网页是非常方便实用的。

据原帖版主说超级聚焦WEB主题才有更新这个功能，使用超级聚焦的用户可以参考这篇教程，菜心哥用的是免费版的WEB主题：版本：1.9.2

在操作中和原帖有所不同，所以按原帖的教程改编整理出来，使用WEB主题的朋友可以试试，菜心哥网址：https://www.lucaixing.com

原帖地址：https://www.themepark.com.cn/lywordpressxcdzdspdcbflb.html

在此感谢原帖作者的分享！