如何在 WordPress 网站文章中插入视频?

上篇文章的最后插入了一个油管的视频,我觉得现在的内容应该更加的丰富一点,一篇文章不仅需要文字,还需要图片以及视频,后面这样插入视频的文章会更多,将是我自己实拍的视频。
让读者可以觉得自己关注的博主不是一个冰冷的写作的人。我之前记得在微信公众号上插入视频是要先将视频上传到腾讯视频,现在是只需要将视频上传到视频号,就可以简单的实现在微信公众号上插入视频。

那如何才能在我们自己的 WordPress 网站上插入视频呢?插入视频的方法是很简单的,主要是以下三个方法。
第一个:直接将你的视频上传到你的 WordPress 网站后台的媒体库,写文章的时候直接添加到你的文章,这个方法很简单就不截图了。

这种方法缺点也是很明显,占用你网站的空间;拖慢你网站的速度,速度将下来到你网站的人就会流失掉,占用太多空间可能你又要找网站空间更大的服务器商家了。
不推荐这种方法。
第二种:将你的视频上传到 YouTube 上去获取到你的视频的 YouTube 链接再插入到你的文章中。可以看到可以直接将 YouTube上的视频插入到你的博客文章中去。
如果你想将你的 Tik Tok 视频插入到你的博客文章上去也是可以的,也是获取链接直接插入,它这下面也有和 YouTube 这个标志的嵌入的图标。

嵌入

第三种:这种方法也是我自己研究了下了,其实在写上篇痛风文章的时候想将 B 站的视频插入到博客上,后面研究了下,没找到方法,其实就是没有想到怎么做,是因为在之前就看到过别人的网站就可以插入B 站的视频,但是始终没有找到什么方法。

今天研究了下,其实也是挺简单的,就是多了插入几行代码的。

首先就是来到 B 站,比如我想将梁博的《出现又离开》插入到我的博客文章上去首先就是点击分享按钮,选择嵌入代码,点击即可将html代码复制下来。

嵌入代码

代码如下:

<iframe src="//player.bilibili.com/player.html?aid=874190194&bvid=BV1mN4y1f7sk&cid=1286566461&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

第二步:​在WordPress的编辑窗口,点击加号,添加自定义HTML模块

html 小工具

第三步:在出现的html文本框中粘贴嵌入代码。可以看到其实就是用iframe的方法将视频嵌入到了网页中,完成后可以进行预览。但是预览后你会发现,视频尺寸好像太小了。这个时候就需要将这个代码优化下。

如果你不懂代码的话,你可以问问 ChatGPT ,ChatGPT 给的代码如下。

第三步:在出现的html文本框中粘贴嵌入代码。可以看到其实就是用iframe的方法将视频嵌入到了网页中,完成后可以进行预览。但是预览后你会发现,视频尺寸好像太小了。这个时候就需要将这个代码优化下。

如果你不懂代码的话,你可以问问 ChatGPT ,ChatGPT 给的代码如下。

<iframe src="//player.bilibili.com/player.html?aid=874190194&bvid=BV1mN4y1f7sk&cid=1286566461&p=1" 
        width="100%" 
        height="500" <!-- 可根据需要调整高度 -->
        scrolling="no" 
        border="0" 
        frameborder="no" 
        framespacing="0" 
        allowfullscreen="true">
</iframe>

将上面的代码粘贴之后就能显示全宽的视频了,代码上有高度,这个是可以自己调整的,不建议调成太小的数值。最终出来的效果如下:

以上就是在你的 WordPress 网站中插入视频的方法,根据不同的平台采用不同的方法。

发表评论