菜心哥 发表于 2018-4-20 19:25:39

利用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在此感谢原帖作者的分享!
页: [1]
查看完整版本: 利用WordPress相册打造的b站视频播放列表