ZBlog文章插入B站视频的代码

B站视频下方“分享”按钮有个嵌入代码，此代码直接复制粘贴到文章中，无法完美自适应宽高度。

视频代码和最终效果

ZBlog文章插入B站视频的代码

代码如下

Markup

<div style="position: relative; width: 100%; height: 0px; padding-bottom: 66%;">

    <iframe src="视频地址" allow="fullscreen" allowfullscreen="" style="position:absolute;width:100%;height:100%;left:0;top:0;border:none;box-shadow:0 0 8px #e5e9ef;"></iframe>

</div>

代码中的<iframe src="的右边是视频地址。

ZBlog文章插入B站视频的代码

视频黑边问题

　　多次测试对比后，代码中的宽高度已经是最好的了，目前没有去除黑边的办法，可以去掉上下的黑边，但是左右黑边会宽一点。代码中的第一行，右边的padding-bottom的数值改小点。

批量修改代码中数值的方法