当前位置:首页WordpressWordpress教程基础教程WordPress网页直接插入bilibili视频的方法

WordPress网页直接插入bilibili视频的方法

我们随便找一个视频举例

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

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

在文章编辑页,插入自定义html模块。这里有两种情况

1、使用古腾堡编辑器
点击文章编辑页面左上角的“+”,在小工具分类里找到“自定义html”

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

2、使用经典编辑器
将编辑模式从“可视化”切换为“文本”,然后直接粘贴代码即可

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

粘贴代码:

<iframe src="//player.bilibili.com/player.html?aid=37679570&cid=85004261&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;" 

需要注意"true" style之间有个空格

结果如下: 

<iframe src="//player.bilibili.com/player.html?aid=37679570&cid=85004261&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>

保存发布即可

免责说明

本站资源大多来自网络,如有侵犯你的权益请联系管理员分享吧 或给邮箱发送邮件fulika_net@163.com 我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip(点击下载),zip、rar解压,建议下载WinRAR(点击下载)

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索