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

注:原文代码用了中文半角引号 ”,hans这里改成了英文半角的引号,其他朋友如果去原文下copy的时候要注意用英文半角的引号 “。另,原文复制都会带一条版权申明,挺牛逼的,回头学起来

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

图片[1]-WordPress网页直接插入bilibili视频方法-思安阁

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

图片[2]-WordPress网页直接插入bilibili视频方法-思安阁

粘贴代码:

<iframe src="//player.bilibili.com/player.html?aid=88228489&bvid=BV1v7411572s&cid=150728992&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=88228489&bvid=BV1v7411572s&cid=150728992&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"
style="width: 100%; height: 500px; max-width: 100%;align:center; paddi> </iframe>

效果可以参考下面的文章!

© 版权声明
THE END
喜欢就支持以下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容