通过模块和古腾堡块为网站或文章添加或嵌入视频教程

对于做视频的站长来说,通过wordpress配合主题能很好的实现视频类网站。zibll子比主题一直重于阅读体验,在更新V5.2之后,我们又对视频功能进行了进一步的增强:兼容更多格式、增加视频封面、添加超级视频、超级嵌入模块等,接下来我就详细的讲解一下视频功能的使用

文章内添加视频

wordpress古腾堡编辑器原生支持视频模块和嵌入模块,但是支持的格式比较少,不支持流媒体格式。
所以推荐使用子比主题的zibll视频模块添加视频:

图片[1]-zibll子比主题使用模块化和古腾堡块为wordpress网站添加任意在线视频-本地视频
添加古腾堡块:zibll视频模块
图片[2]-zibll子比主题使用模块化和古腾堡块为wordpress网站添加任意在线视频-本地视频
添加视频并设置视频海报

是不是很简单啊,添加视频的时候可以上传(选择)本地视频,同时也可以直接输入视频地址,支持m3u8、mpd、flv等流媒体格式。同时支持添加视频的封面,以及播放器参数设置。

重点提一下的就是关于此功能的动态加载JS文件,同样的所需要的前端js文件都是采用动态加载,为了支持不同的流媒体格式,除了播放器js文件之外,每种流媒体格式均有一个js扩展文件,一共4个js文件,每个文件大概150kb,全部采用动态识别、按需加载。有效的提高前端加载速度!

超级嵌入模块

主题的视频模块已经很强大了,几乎可以满足插入视频的需要了。但是有点站长为了节约服务器资源或者其它规划,可能还需要直接添加其它视频网站的内容,比如添加优酷视频、腾讯视频等等
那么主题还有一个超级嵌入模块,顾名思义就是嵌入其它在线播放器。当然为什么叫超级呢,还是因为wordpress本来自带了很多的嵌入模块,但是兼容性太差了,很多地址都嵌入不了。而子比主题的嵌入模块可以嵌入任意在线内容!比如视频播放器、音乐播放器、天气模块甚至直接嵌入其它网页都可以!

图片[3]-zibll子比主题使用模块化和古腾堡块为wordpress网站添加任意在线视频-本地视频
添加古腾堡块:超级嵌入模块
图片[4]-zibll子比主题使用模块化和古腾堡块为wordpress网站添加任意在线视频-本地视频
输入嵌入代码并设置长宽比例

超级嵌入可以直接输入需要嵌入的地址,也可以直接粘贴 <iframe src=""></iframe> 这样的格式的嵌入代码,模块会自动转换为嵌入链接。

嵌入代码怎么找呢?我们列举一二:

图片[5]-zibll子比主题使用模块化和古腾堡块为wordpress网站添加任意在线视频-本地视频
进入播放页面-分享-复制嵌入代码
图片[6]-zibll子比主题使用模块化和古腾堡块为wordpress网站添加任意在线视频-本地视频

所有的嵌入代码都是 <iframe src=""></iframe> 这样的格式,直接复制过来粘贴即可

嵌入的本质就是将一个网页嵌入到我们网站中,如果你在使用此功能的过程中遇到问题,你可以直接将嵌入链接在浏览器中打开以排查问题所在。如果在浏览器中不能显示,那么嵌入之后也是肯定不显示的。

提醒一下,这个可不仅仅只能嵌入视频哦,可以嵌入任意在线内容,例如视频播放器,音乐播放器、在线天气、在线股市等等

在页面其它位置添加

上面我们讲了如何在文章内添加视频,已经两个模块的使用教程。
如过还需要在页面的其它位置添加,那么就需要子比主题强大的模块化配置了,如果你还不了解子比模块化配置,请认真查看以下文章

进入模块配置之后,选择zibll视频模块或者zibll超级嵌入模块即可添加对应内容

这两个模块设置的方式和上面一模一样,就不在另外说明了。

© 版权声明
THE END
文章不错?点个赞呗
点赞94赞赏 分享
评论 共2条

请登录后发表评论