• 欢迎来到本站,本站主要做YouTube和AdSense收益方面的分享,头条号自媒体和B站UP主创作心得!
  • 目前主要收入来自油管搬运,可提供付费咨询,带你一起赚美金~

个人网站怎么嵌入B站视频 wordpress编辑器加入哔哩哔哩视频方法

网站项目 1年前 (2020-09-24) 643次浏览 0个评论

经典编辑器

wordpress经典编辑器插入B站视频,首先复制视频链接地址,找到视频点转发:

个人网站怎么嵌入B站视频 wordpress编辑器加入哔哩哔哩视频方法

复制链接如下:

<iframe src=”//player.bilibili.com/player.html?aid=40868569&bvid=BV1Jt411p75g&cid=71783277&page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”> </iframe>

编辑器点击文本

经典编辑器分为”可视化”和”文本”两种模式,可视化就像word编辑工具,文本就是网页html源代码编辑,然后把链接粘贴进去就行了

个人网站怎么嵌入B站视频 wordpress编辑器加入哔哩哔哩视频方法

新版的古腾堡编辑器插入B站视频

古腾堡编辑器是wordpress新版的文本编辑工具,这个就比较简单了,在文章编辑页,插入自定义html模块,如图:

个人网站怎么嵌入B站视频 wordpress编辑器加入哔哩哔哩视频方法

如何调整视频播放窗口的大小

上面两个方法加入视频后,发现视频的播放窗口太小了,那么如何调整呢?首先,这是我们的代码,如下:

<iframe src=”//player.bilibili.com/player.html?aid=40868569&bvid=BV1Jt411p75g&cid=71783277&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;”

最后变为:

<iframe src=”//player.bilibili.com/player.html?aid=40868569&bvid=BV1Jt411p75g&cid=71783277&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>

 

最终效果:

 


大鱼资源网 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:个人网站怎么嵌入B站视频 wordpress编辑器加入哔哩哔哩视频方法
喜欢 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址