在Wordpress网页直接插入bilibili视频方法

先在视频页将鼠标移到分享按钮,复制下方的嵌入代码:

在文章编辑页,插入自定义html模块,如图:

粘贴代码:

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

再加上 style="width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;"到代码内,这里调整的是播放界面在网站中显示的大小,可以更改高度和宽度,数值只需更改height的值就可以了。

结果如下:

<iframe src="//player.bilibili.com/player.html?aid=292204394&bvid=BV1vf4y1V7HU&cid=386160169&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>

添加以后的效果,如图:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值