如何在WordPress文章中嵌入视频

在WordPress博客文章中嵌入视频是丰富网站内容、增加用户参与度的好方法。WordPress兼容主流视频网站YouTube、Vimeo、脸书、Twitter等,可以直接嵌入视频。

本教程面向WordPress初学者,展示了如何在WordPress博客文章、页面和侧边栏小部件中嵌入视频。

自学咖网努力为各位打造免费分享知识与教程网站

如何在WordPress文章和页面中嵌入视频

WordPress提供了强大的自动嵌入功能,支持从流行的视频托管服务(如YouTube、Vimeo等)自动获取嵌入代码。).你所需要做的就是将视频URL粘贴到WordPress编辑器中。

例如,您可以复制想要嵌入的视频的YouTube URL。

接下来,编辑想要添加视频的文章或页面,然后将URL粘贴到内容区域。

自学咖网努力为各位打造免费分享知识与教程网站

视频中嵌入的古腾堡文章

粘贴视频URL后,WordPress会立即获得嵌入的代码,并在内容编辑器中显示YouTube视频。

最后,保存文章或页面,然后点击“预览”按钮,查看嵌入视频的显示效果。

自学咖网努力为各位打造免费分享知识与教程网站

WordPress嵌入了YouTube视频

添加视频后,您可以从“阻止”工具栏和右侧的“设置”栏中更改其设置。

自学咖网努力为各位打造免费分享知识与教程网站

古腾堡编辑器视频块设置

您可以调整视频宽度、使其全屏显示、更改对齐方式等等。您还可以在移动设备上添加标题并保持视频的纵横比(即实现响应)。

WordPress只能自动嵌入白名单视频服务。对于其他网站,您仍然需要获得嵌入的代码并将其粘贴到博客帖子中。

以下是WordPress官方支持自动嵌入视频服务的白名单:

亚马孙

阿尼莫托

多云天气

大学胡莫尔

拥挤信号

日常运动

脸谱网

闪烁(光)

葫芦

伊姆古尔

照片墙

伊苏

Kickstarter

Meetup.com

Mixcloud

Reddit

复原

截屏

Scribd

幻灯片共享

走私杯

一些卡片

声音云

扬声器面板

Spotify

翻晒

Tumblr

推特

视频新闻

Vimeo

电视

油管(国外视频网站)

如果您想要添加来自此列表之外的网站的视频,您需要视频的完整HTML嵌入代码。换句话说,国内的优酷视频、腾讯视频、哔哩哔哩视频、爱奇艺视频等。不能用自动。

只需复制视频网站提供的HTML代码,粘贴到编辑器中的“自定义HTML”块即可。

自学咖网努力为各位打造免费分享知识与教程网站

HTML嵌入代码

使用经典编辑器在WordPress中嵌入视频

如果你使用的是WordPress classic编辑器,你可以用同样的方式嵌入视频。

只需从YouTube等视频托管服务中复制URL,并将其粘贴到编辑器中。如果您使用可视化编辑器,您将看到视频预览。

自学咖网努力为各位打造免费分享知识与教程网站

经典编辑器嵌入视频

然而,你不能像WordPress块编辑器一样调整宽度和设置其他选项。如果要修改相关参数,需要切换到文本编辑器来修改代码。

如何在WordPress工具条小工具中嵌入视频

像WordPress页面或文章一样,我们也可以在WordPress侧边栏小工具中嵌入视频。

只需转到外观小工具页面,将“文本”小工具添加到侧边栏。

在小部件设置中,将视频URL粘贴到内容区域。WordPress会自动获取嵌入的代码并显示视频。

自学咖网努力为各位打造免费分享知识与教程网站

小工具嵌入视频

不要忘记点击保存按钮来保存小工具设置。

最后,访问网站查看嵌入WordPress工具条小工具的视频。

可以直接上传视频到WordPress网站吗?

可以,但是如果你正在使用的WordPress网站的服务器配置较低,一般不推荐。

因为视频会占用很多服务器资源。如果视频流量巨大,这可能会导致网站崩溃。

我们建议将第三方视频网站作为视频存储的首选,如优酷、哔哩哔哩、腾讯视频等利用这些视频网站作为视频存储方,还有一个好处就是可能会通过这些网站给你带来流量。

另一种网站视频存储方案是使用CDN服务,如派云、七牛云等CDN服务商。或者现在很流行的阿里云的OSS存储,腾讯云的COS存储。

WordPress视频嵌入式插件

默认情况下,视频可以嵌入WordPress,不需要使用插件。但是,我们也可以使用插件来改善网站播放视频的用户体验。

1.Envira画廊

自学咖网努力为各位打造免费分享知识与教程网站

Envira Gallery插件

默认情况下,WordPress不附带嵌入式视频库功能。如果你想在页面上显示视频库,你需要一个插件来完成。

Envira Gallery是WordPress最好的多媒体库插件之一。它还带有一个视频插件,支持使用灯箱弹出窗口来创建美丽的视频库。

温馨提示:闪电博览会主题将提供混合多媒体智能相册功能,支持发布视频、图片混合相册,实现文章、图片、视频自动提取,形成相册。

2.视频的延迟加载

自学咖网努力为各位打造免费分享知识与教程网站

视频插件的延迟加载

视频中嵌入了外部网站的加载脚本,对页面加载速度和性能有一定影响。

视频延迟加载通过在只需要页面时加载视频图像来解决这个问题。也就是说,只有当用户点击播放按钮时,它才会加载嵌入的代码。也可以参考如何在WordPress中给视频添加延迟加载。

hmoban主题是根据ripro二开的主题,极致后台体验,无插件,集成会员系统
自学咖网 » 如何在WordPress文章中嵌入视频