如何在WordPress里在插入油管/腾讯/B站等视频

前言

如果把视频直接传到wordpress,这样会很占用空间。这里我们来折腾一下把视频传到油管/腾讯/B站等视频平台,然后再嵌入到wordpress里面去,这样就不会占用空间了。

嵌入油管视频

1、这里随便以一个视频为例,点击分享,嵌入,然后复制代码。如下图:

图片[1]-如何在WordPress里在插入油管/腾讯/B站等视频-杨公子的博客
复制代码
#代码的宽和高可以自己调整

<iframe width="560" height="315" src="https://www.youtube.com/embed/3FG000icCSo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

2、在wordpress小工具里面选择自定义HTML,如下:

图片[2]-如何在WordPress里在插入油管/腾讯/B站等视频-杨公子的博客

3、然后粘贴刚才的嵌入代码,调整宽高即可。效果如下:

嵌入B站视频

1、点击视频下面的分享,然后复制嵌入代码。

图片[3]-如何在WordPress里在插入油管/腾讯/B站等视频-杨公子的博客
复制代码

得到的嵌入代码,

<iframe src="//player.bilibili.com/player.html?aid=483784490&bvid=BV1vT41167oy&cid=1063989355&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

因为没有宽高,我们这里修饰一下,直接插入视频比例很丑。添加宽高比例后代码如下:

<iframe src="//player.bilibili.com/player.html?aid=483784490&bvid=BV1vT41167oy&cid=1063989355&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;"> </iframe>

2、同上油管嵌入方法。wordpress插入HTML,粘贴代码,效果如下:

嵌入腾讯视频

1、同上,复制嵌入代码。

图片[4]-如何在WordPress里在插入油管/腾讯/B站等视频-杨公子的博客
复制代码

得到的嵌入代码

<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=r3239bzmmjw" allowFullScreen="true"></iframe>

同样修饰一下,添加宽高。然后同上插入HTML,粘贴代码,效果如下:

其它各站的方法大同小异,不明白可以留言交流。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片