wordpress中插入b站视频源码

2022年6月21日17:00:55 发表评论
广告也精彩

有时候我们需要在文章内添加视频,又不像把视频放在自己的服务器里怎么办呢?

我们可以上传到b站然后插入到wordpress文章中

代码如下:

  1. <div style="position: relative; padding: 33% 45%;">
  2. <iframe src="这里是你的b站视频链接&amp;as_wide=1&amp;high_quality=1&amp;danmaku=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></iframe>
  3. </div>

代码获取如下所示:

在b站视频底部点击分享,点击 嵌入代码会有如下链接,我们只需要src中的://player.bilibili.com*********page=1

将以上//player.bilibili.com*********page=1代码替换到代码位置即可。

 

示例代码:

  1. <div style="position: relative; padding: 33% 45%;">
  2. <iframe src="//player.bilibili.com/player.html?aid=982650799&amp;bvid=BV1dt4y1h7rG&amp;cid=752204430&amp;page=1&amp;as_wide=1&amp;high_quality=1&amp;danmaku=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"></iframe>
  3. </div>

效果如下:

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
ts小陈

发表评论(请规范评论)--评论需审核

:?: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :cry: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :mrgreen: :neutral: :razz:

已登录用户不需要填写以下内容