前言
如果把视频直接传到wordpress,这样会很占用空间。这里我们来折腾一下把视频传到油管/腾讯/B站等视频平台,然后再嵌入到wordpress里面去,这样就不会占用空间了。
嵌入油管视频
1、这里随便以一个视频为例,点击分享,嵌入,然后复制代码。如下图:
#代码的宽和高可以自己调整
<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,如下:
3、然后粘贴刚才的嵌入代码,调整宽高即可。效果如下:
嵌入B站视频
1、点击视频下面的分享,然后复制嵌入代码。
得到的嵌入代码,
<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、同上,复制嵌入代码。
得到的嵌入代码
<iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=r3239bzmmjw" allowFullScreen="true"></iframe>
同样修饰一下,添加宽高。然后同上插入HTML,粘贴代码,效果如下:
其它各站的方法大同小异,不明白可以留言交流。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END