使用哔哩哔哩官方提供的代码插入视频时,视频窗口会变得非常非常小

就像这样

可能手机浏览器看起来挺正常的,但是在PC浏览器上就不是这样了。而且因为小窗口的原因,视频播放的控件也一并不显示。
那么,解决方法也很简单,只需要将原来的的代码

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

改为

<iframe width="100%" height="576" src="//player.bilibili.com/player.html?aid=95110855&cid=162378858&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

即可。这样在PC端展示就会正常了,就像这样

虽然在手机上展示会变长,但是并不影响观看体验。因为博客的Markdown编辑器原因,不支持插入<div>标签,所以貌似只能使用这个办法解决。

标签: none

添加新评论