在博客中插入视频感觉十分重要。
普通方法
普通方法的效果是非常非常差的,不太理想。
粗暴上代码
{% raw %}
<iframe src="//player.bilibili.com/player.html?aid=928692915&bvid=BV1uT4y1K7Jp&cid=283532280&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
{% endraw %}
结果
理想方法
这种方法的实现效果还是比较理想的
粗暴上代码
{% raw %}
<div style="position: relative;width: 100%;height: 0;padding-bottom: 75%;"><iframe src="//player.bilibili.com/player.html?aid=928692915&bvid=BV1uT4y1K7Jp&cid=283532280&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"> </iframe></div>
{% endraw %}
最终结果
实现的效果还是非常理想的,同时也欢迎大家时常光顾我的小破站