如何在WordPress插入可以自适应屏幕哔哩哔哩视频?

释放双眼,带上耳机,听听看~!

我们在写文章时可能直接嵌入哔哩哔哩的视频,会不能自适应,如下图:

接下来我们一起学习怎么在WordPress插入可以自适应屏幕的在线视频

教程

将以下代码添加到css样式,如WordPress可以直接在后台点击外观-自定义-额外css,然后添加进去

接着,在发布文章的时候,添加“自定义HTML”,并输入如下代码:

<div class="smartideo">
<div class="player">
<iframe src="这里替换成你要嵌入的代码的包含的地址&page=1&high_quality=1&danmaku=0" width="100%" height="100%" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"> </iframe></div>
</div>

比如,我想嵌入的视频代码是这样的:

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

那么修改后的代码就是这样的:

<div class="smartideo">
<div class="player"><iframe src="//player.bilibili.com/player.html?aid=717178755&bvid=BV1VX4y1F7Vw&cid=383355476&page=1&page=1&high_quality=1&danmaku=0" width="100%" height="100%" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"> </iframe>
</div>
</div>

别忘了这两个div标签

演示:

给TA买糖
共{{data.count}}人
人已赞赏
WordPress教程教程学习

如何给WordPress菜单加入角标

2021-8-7 22:10:39

教程学习

如何将QQ邮箱添加到ios自带的邮件软件

2021-8-12 17:51:10

2 条回复 A文章作者 M管理员
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索