现在的网民们都比较喜欢看视频,当然也有好像你那样喜欢读文章的读着我们的部落格哟,但是视频还是会让人觉得比较有趣的哟。所以在你的 WordPress 网站上添加视频可以让你的内容更加生动有趣哦。今天我们就来看看哪两种可以在 WordPress 网站中嵌入视频的简单方法吧!
1. 使用视频区块
我们使用的是区块编辑器(Gutenberg):
- 点击添加区块按钮
- 搜索”视频”
- 选择”视频区块”
- 上传视频或输入URL
以下是成功嵌入的视频区块哟:
调整视频大小和对齐方式
- 视频大小调整
- 在区块编辑器中直接拖动视频边框
- 在嵌入代码中修改 width 和 height 参数
- 使用 CSS 类控制视频尺寸
- 对齐设置
- 左对齐
- 居中对齐
- 右对齐
- 全宽显示
2. 使用嵌入代码
如果自动嵌入不起作用,可以使用嵌入代码:
- 在视频网站找到”分享”或”嵌入”选项
- 复制嵌入代码
- 在 WordPress 编辑器中切换到”代码编辑器”模式
- 粘贴代码到需要显示的位置
嵌入视频优化建议
视频托管
通常我们都是建议使用那种视频平台托管,比如是 Youtube 或是 vimeo 等等的,而不是直接上传到自己的 Hosting 上。因为这样可以大大的节省服务器空间,而且这种平台有一个技术可以根据不同用户使用装置来提供更好的播放体验哟
响应式设计
我们需要在自己的手机上登入网站做测试,这样可以确保视频在手机端正常显示哟,然后要避免固定尺寸,这样视频的画面才不会变形哦。
加载速度
我们建议尽量避免在一个页面放太多视频,可以考虑使用视频缩略图或是家人设置延迟加载的设定。因为同时加载太多视频会令加载速度变慢,这样会大大的影响用户的使用体验哦。
常见问题解决
首先你需要检查你置入的链接是否正确,然后再确认视频是否可以公开访问。如果是使用 Youtube 影片的话,也要查看一下是否有地区限制哟。
你要先检查一下主题设置,然后确定有调整到容器宽度,如果懂得使用 CSS 可以尝试修改响应式参数哦。
现在大多数的浏览器都是默认禁止自动播放的,需要用户点击才能播放。或者你可以设置静音自动播放哟。
实践方法建议
首先是嵌入视频的内容布局,我们可以在视频前后添加说明文字,说明文字主要是视频摘要和添加相关链接,增加视频的权威性哟。
然后就是要考虑 SEO 优化的方面,因为视频本身是不受搜索引擎索引的,我们有提供到视频的说明文字其实是有帮助到 SEO 的哦。
最后就是我们也要考虑到用户使用网站的体验,我们需要确保视频的播放按钮是容易点击的;如何要确保能提供到清晰的画质选择,如果可以的话建议是为视频添加字幕(如有需要)。
总结
在 WordPress 网站中嵌入视频其实是很简单的,主要是要选择到适合自己需求的方法。记住要注意视频的加载速度和移动端显示效果,这样才能给到访客最好的网站使用体验哟!
你在 WordPress 中添加视频时遇到过什么问题吗?欢迎在评论区分享你的经验!