当前位置：网站首页 > 技术文章 > 正文

Wordpress建站教程:YouTube视频的插入方法

myzbx 2024-12-29 04:37 20 浏览

继续分享wordpress建站教程。做wordpress外贸建站的用户都喜欢在网站中插入youtube视频，所以今天就分享如何给网站插入YouTube视频。

（此处已添加小程序，请到今日头条客户端查看）

wordpress中其实默认都是可以插入YouTube视频，但是大家在使用时可能还是会遇到一些问题，有可能插入不成功，所以接下来悦然wordpress建站给大家分享几种方法。

作者：悦然WordPress建站

准备工作

首先，我们需要打开YouTube视频，然后点【SHARE】，它会提示多种分享方式，插入网站中我们主要会用到短链接或Embed代码这两种方式。

在wordpress古腾堡编辑器中已经包含了YouTube区块，所以我们可以直接添加一个YouTube区块，然后填写YouTube视频分享的短链接（视频页面的完整链接也可以），点【嵌入】即可。

这个方法很简单的，但是该方法可能会受到主题、插件、网络、服务器等影响，导致嵌入不成功。

如果方法1不能用，那么也不用纠结，我们可以使用HTML代码插入YouTube视频。复制前面准备工作中提到的Embed代码。

如果你使用的是古腾堡编辑器，可以添加一个HTML区块，把Embed代码粘贴进去。

然后我们点预览就可以看到嵌入的YouTube视频了。不过这里要注意的是你的网络需要能连接到YouTube才行。

HMTL插入YouTube视频的方法基本是通用的，所以在经典编辑器中，这个方法也适用。

如果你使用woocommerce插件制作网站，在添加产品时想加上YouTube区块该怎么办呢？woocommerce的产品编辑页面默认是经典编辑器样式的，所以不能直接添加HTML区块。

此时我们可以在编辑器页面点【文本】，这里可以直接插入HTML代码，我们把前面复制的Embed代码粘贴进去，如上图所示。粘贴完成后我们再点【可视化】

如上图，这样YouTube视频就嵌入成功了。

还有一些编辑器可能没有【文本】那个选项，比如在一些多供应商系统的编辑器中，此时我们就没办法直接插入HTML代码了。但是这些编辑器实际上是支持HMTL的，所以我们可以从其它地方把视频复制进来。

比如我们可以在有HTML功能的编辑器中先添加好YouTube视频，如上图，悦然wordpress建站先在古腾堡区块编辑器中添加好视频（使用HTML或短链接方式插入都行），添加成功后，我们选中整个视频，按CTRL+C，然后在不支持HTML的编辑器按CTRL+V粘贴，此时你会发现整个视频都粘贴进来了。

可以实现嵌入YouTube视频的wordpress插件有很多，比如Embed Plus for YouTube、EmbedPress等等。插件的使用就不讲了，安装就可以使用。

以上就是今天分享的wordpress建站教程，分享了几种插入YouTube视频的方法，希望对您有所帮助。

HTML YouTube