WordPress知识分享

WPCOM主题视频如何自适应移动端

好多网站有在文章里面插入视频的需要,而视频并不会自动等比例适配移动端,比如视频宽度100%,但高度还是PC端的尺寸,结果是移动端显示失真、异常。深度影响用户体验。下面魏艾斯笔记分享 WPCOM开发的 WordPress主题完美自适应移动端

安装环境要求 推荐PHP 7.3~7.4,推荐MySQL 5.5~5.6;
伪静态(固定链接),使用宝塔面板一键设置伪静态 为获得更好的使用体验,推荐选用Linux系统;
为了网站安全稳定速度快,老魏推荐选择宝塔面板搭建网站环境、阿里云服务器腾讯云服务器部署主题;
入门主机配置 1核2G内存1M带宽,老魏建议选 2核4G内存1M带宽;
主题需要外网可访问的情况下才能激活,本地/内网服务器可能无法激活授权;

1、常见视频分享方式

MP4格式视频文件或链接;外部视频网站通用分享代码

对于这两种分享方式,WPCOM主题都有相应的解决方案。

操作基于古腾堡编辑器,使用经典编辑器的用户建议在插入视频时切换到区块编辑器。

2、MP4视频自动匹配

MP4格式直接添加视频区块,本地视频从 WordPress上传插入,如果是外部 mp4视频地址,从URL插入。这个是和 WordPress常规操作完全一样的。

主题自动调用内置播放器,默认视频比例:16:9。无论 PC端还是移动端访问播放器都会自动调整视频尺寸。

3、通用分享代码自动匹配

通用分享代码是用 iframe方式导入视频,预先配置好尺寸,但这种固定尺寸无论PC端还是移动端显示都是按这个尺寸来的,就可能造成移动端显示异常。

WPCOM团队把宽度和高度按固定比例计算,根据视频尺寸自动适配,这样PC端和移动端都能保持正常的比例显示视频,做到自适应。

WPCOM主题视频移动端自适应适配

4、总结

如果使用别的 WordPress主题添加视频,要么直接添加,要么使用古腾堡编辑器嵌入功能添加视频,要么使用第三方插件添加视频。但都没有 WPCOM主题的多平台自适应功能。

这个自适应功能在 WPCOM开发的所有主题中都已经内置了,只要你购买了WOCOM主题就可以正常使用。

赞(0)
文章名称:《WPCOM主题视频如何自适应移动端》
文章链接:https://www.vpsss.net/27774.html
版权声明:本站资源仅供个人学习交流,禁止转载,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。