之前想插入哔哩哔哩视频我用的WP的相关插件,今天给大家介绍一个不用插件的方法来插入视频!
具体实现方法:
点击您需要分享的bilibili 视频下方的“转发”按钮(箭头标志那个),点击复制“嵌入代码”,默认的嵌入代码格式如下:
<iframe src="//player.bilibili.com/player.html?aid=215631694&bvid=BV1ua411p7iA&cid=765060141&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
我们只要src"后面//开始到"前面的1这段代码!!!
//player.bilibili.com/player.html?aid=215631694&bvid=BV1ua411p7iA&cid=765060141&page=1
然后我们的要在编辑器插入的代码为:
<div style="position: relative; padding: 30% 45%;"> <iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="替换成你自己哔哩哔哩的视频链接&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe> </div>
然后我们就可以获得这样的效果:
此代码优点:
1.自适应PC、iPad、手机等终端的浏览器;
2.默认打开宽屏模式;
3.关闭恼人的弹幕功能;
4.默认启用高清晰度播放,如视频支持1080P,以1080P清晰度播放;
5.更改清晰度,或点击播放器的图标,不会跳转到bilibili主站;
6.除了支持WordPress,还支持Typecho、Hexo、Ghost等程序。