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

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

文章内添加视频

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

本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图1
添加古腾堡块:视频模块
本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图2
添加视频并设置视频海报

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

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

超级嵌入模块

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

本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图3
添加古腾堡块:超级嵌入模块
本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图4
输入嵌入代码并设置长宽比例

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

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

本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图5
进入播放页面-分享-复制嵌入代码
本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图6

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

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

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

在页面其它位置添加

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

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

本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图7
视频模块
本站设计-通过模块和古腾堡块为网站或文章添加或嵌入视频教程 插图8

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

温馨提示:本文最后更新于2022-12-15 19:03:06,某些文章具有时效性,若有错误或已失效,请在下方留言或联系云小叔叔
文章版权声明 1、本网站名称:元宇宙之家
2、本站永久网址:https://liboven.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞29赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称常用语表情代码图片

    暂无评论内容