测试+视频实例

bilibili代码块

<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" 
src="https://player.bilibili.com/player.html?aid=93767279&bvid=BV1jE411x7bn&cid=160085209&page=1&high_quality=1" 
frameborder="no" scrolling="no"></iframe>
</div>

HTML5代码块

<div style="position: relative; padding: 30% 45%;">
<video controls="controls" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" 
src="http://image.guanguan.love/ffa3559db6efa344428c7a5ae26826d0.mp4"><video >
</div>

<div style="position: relative; padding: 30% 45%;">
<video style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;"  controls>
<source src="http://image.guanguan.love/ffa3559db6efa344428c7a5ae26826d0.mp4" type="video/mp4">
您的浏览器不支持 video 标签。